Added API toast service for ARO and MCC.

.gitignore

@@ -6,6 +6,7 @@
 *.ko
 *.obj
 *.elf
+.DS_Store
 
 # Linker output
 *.ilk

gs/frontend/aro/package.json

@@ -12,9 +12,10 @@
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.1.13",
-    "react": "^19.1.1",
+    "react": "^19.2.0",
     "react-dom": "^19.1.1",
     "react-router-dom": "^7.9.2",
+    "react-toastify": "^11.0.5",
     "tailwindcss": "^4.1.13"
   },
   "devDependencies": {

gs/frontend/aro/src/App.tsx

@@ -2,6 +2,9 @@ import { Routes } from "react-router-dom";
 import Nav from "./components/Nav";
 import Background from "./components/Background";
 
+import { ToastContainer } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+
 /**
  * @brief App component displaying the main application
  * @return tsx element of App component
@@ -21,6 +24,7 @@ function App() {
         <Route path="/profile" element={<Profile />} />
         <Route path="/login" element={<Login />} /> */}
       </Routes>
+      <ToastContainer />
     </>
   );
 }

gs/frontend/aro/src/services/Toast.service.ts

@@ -0,0 +1,45 @@
+import { toast, type ToastOptions } from "react-toastify";
+
+const baseToastConfig: ToastOptions = {
+  position: "top-right",
+  autoClose: 4900,
+  hideProgressBar: false,
+  closeOnClick: true,
+  pauseOnHover: true,
+  draggable: true,
+  progress: undefined,
+  theme: "dark",
+};
+
+/**
+ * Displays a success toast notification.
+ * Uses Tailwind classes directly for styling.
+ */
+export const success = (message: string): void => {
+  toast.success(message, {
+    ...baseToastConfig,
+    className:
+      "bg-black/75 border border-green-500 text-green-100 rounded-md shadow-md text-sm font-medium",
+    progressClassName: "bg-green-500",
+  });
+};
+
+/**
+ * Displays an error toast notification.
+ * Uses Tailwind classes directly for styling.
+ */
+export const error = (message: string): void => {
+  toast.error(message, {
+    ...baseToastConfig,
+    className:
+      "bg-black/75 border border-red-500 text-red-100 rounded-md shadow-md text-sm font-medium",
+    progressClassName: "bg-red-500",
+  });
+};
+
+const toastService = {
+  success,
+  error,
+};
+
+export default toastService;