Resolve "lint, test and build for frontend image"

frontend/src/components/MenuBar.vue

@@ -2,7 +2,7 @@
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import LocaleSwitcher from "./LocaleSwitcher.vue";
-import DarkModeSwitcher from "./DarkModeSwitcher.vue"
+import DarkModeSwitcher from "./DarkModeSwitcher.vue";
 const { t } = useI18n({ useScope: "global" });
 
 const items = computed(() => [
@@ -43,12 +43,7 @@ const items = computed(() => [
   <Menubar :model="items" class="menubar justify-content-between flex-wrap">
     <template #start>
       <router-link v-slot="{ navigate }" :to="`/`" custom>
-        <Button 
-          severity="secondary"
-          text
-          class="p-0 mx-2"
-          @click="navigate"
-        >
+        <Button severity="secondary" text class="p-0 mx-2" @click="navigate">
           <img
             width="50"
             height="50"
@@ -65,12 +60,12 @@ const items = computed(() => [
           :label="String(item.label)"
           :icon="item.icon"
           text
-          @click="navigate"
           severity="secondary"
+          @click="navigate"
         />
       </router-link>
     </template>
-    <template #end class="align-items-stretch">
+    <template #end>
       <div class="flex align-items-stretch justify-content-center">
         <DarkModeSwitcher></DarkModeSwitcher>
         <LocaleSwitcher></LocaleSwitcher>