[+] Enhanced toasts

Toasts now have the correct type, and are more discreet

src/App.jsx

@@ -38,8 +38,8 @@ const App = () => {
           <Route path="*" element={<NotFoundPage />} />
         </Routes>
         <ToastContainer
-            position="top-center"
-            autoClose={2500}
+            position="top-right"
+            autoClose={3500}
             hideProgressBar={false}
             newestOnTop={false}
             closeOnClick
@@ -47,7 +47,7 @@ const App = () => {
             pauseOnFocusLoss
             draggable
             pauseOnHover
-            theme="colored"
+            theme="light"
             />
       </div>
     </Router>

src/service/api.tsx

@@ -69,17 +69,30 @@ class serviiApi {
       }
       return { return_code: status, message: json };
     }
-    toast.info(json.message, {
-      position: "top-center",
-      autoClose: 2500,
+
+    let toastType: 'success' | 'error' | 'info';
+    let toastColor: string;
+
+    if (status >= 200 && status < 300) {
+      toastType = 'success';
+    } else if (status >= 400 && status < 600) {
+      toastType = 'error';
+    } else {
+      toastType = 'info';
+    }
+
+    toast[toastType](json.message, {
+      position: "top-right",
+      autoClose: 3500,
       hideProgressBar: false,
       closeOnClick: true,
       pauseOnHover: true,
       draggable: true,
       progress: undefined,
-      theme: "colored",
+      theme: "light",
       transition: Bounce,
     });
+
     return { return_code: status, message: json.message };
   }