feat:#60 format, lint and fix build

frontend/src/components/MenuBar.vue

@@ -2,7 +2,7 @@
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import LocaleSwitcher from "./LocaleSwitcher.vue";
-const { t } = useI18n({ useScope: 'global' })
+const { t } = useI18n({ useScope: "global" });
 
 const items = computed(() => [
   {
@@ -36,23 +36,29 @@ const items = computed(() => [
     route: `privacy-policy`,
   },
 ]);
-
 </script>
 
 <template>
   <Menubar :model="items" class="menubar justify-content-between">
-    <template #start class="mr-2">
-        <img
-          width="35" height="40"
-          src="../../public/htwk.svg"
-          alt="Logo"
-          class="h-10 w-10 mr-6"
-          style="margin-left: 1rem"
-        />
+    <template #start>
+      <img
+        width="35"
+        height="40"
+        src="../../public/htwk.svg"
+        alt="Logo"
+        class="h-10 w-10 mr-6"
+        style="margin-left: 1rem"
+      />
     </template>
     <template #item="{ item }">
       <router-link v-slot="{ navigate }" :to="item.route" custom>
-        <Button :label='String(item.label)' :icon="item.icon" severity="secondary" @click="navigate" text />
+        <Button
+          :label="String(item.label)"
+          :icon="item.icon"
+          severity="secondary"
+          text
+          @click="navigate"
+        />
       </router-link>
     </template>
     <template #end>
@@ -66,4 +72,4 @@ const items = computed(() => [
   background-color: transparent;
   border: none;
 }
-</style>
+</style>