Refactor toast notifications and update MainForm submission messages

frontend/src/components/MainForm.tsx

@@ -8,8 +8,6 @@ const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
   const data = Object.fromEntries(formData.entries());
   toast.promise(registerLos(data), {
     pending: "Registriere Los...",
-    success: "Los erfolgreich registriert!",
-    error: "Fehler bei der Registrierung des Loses.",
   });
 };
 

frontend/src/layout/Layout.tsx

@@ -13,7 +13,18 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
       <Header />
       <main>{children}</main>
       <footer></footer>
-      <ToastContainer />
+      <ToastContainer
+        position="top-right"
+        autoClose={5000}
+        hideProgressBar={false}
+        newestOnTop
+        closeOnClick
+        rtl={false}
+        pauseOnFocusLoss={false}
+        draggable
+        pauseOnHover
+        theme="light"
+      />
     </>
   );
 };

frontend/src/utils/register.ts

@@ -11,7 +11,7 @@ export const registerLos = async (data: any) => {
     if (response.ok) {
       myToast("Los erfolgreich registriert!", "success");
     } else {
-      myToast("Fehler bei der Registrierung des Loses.", "error");
+      myToast("Fehler bei der Registrierung des Loses!", "error");
     }
   });
 };

frontend/src/utils/toastify.ts

@@ -11,7 +11,7 @@ export const myToast = (message: string, msgType: ToastType) => {
     pauseOnHover: true,
     draggable: true,
     progress: undefined,
-    theme: "dark",
+    theme: "light",
   };
   toast[msgType](message, config);
 };