Settings added (only one part), notification started and highlight added

src/components/login_components/login_comp.vue

@@ -1,7 +1,15 @@
 <script setup lang="ts">
-/** *
- * @author Daniel Cwikla
- */
+import router from "../../router";
+
+function login() {
+  // alert("Account deleted. You will be redirected to the login page.");
+  router.push("/");
+}
+
+function handleSubmit(event: Event) {
+  event.preventDefault();
+  login();
+}
 </script>
 
 <template>
@@ -11,7 +19,7 @@
       <p class="text-weiss text-center">Login or create a new Account to continue</p>
     </div>
     <div class="px-20 pt-7"><!--  FORM --->
-      <form class="flex flex-col items-center">
+      <form class="flex flex-col items-center" @submit.prevent="handleSubmit">
         <input class="m-4 w-full max-w-xs bg-grau-dunkel p-4 text-weiss placeholder-grau2 focus:outline-none rounded-lg" type="text" placeholder="Username or E-Mail"><br>
         <input class="m-4 w-full max-w-xs bg-grau-dunkel p-4 text-weiss placeholder-grau2 focus:outline-none rounded-lg" type="text" placeholder="Password"><br>
         <button class="m-4 bg-grau-dunkel w-full max-w-xs p-4 text-weiss rounded-lg">Login</button>