style: fix linting issues met Prettier

frontend/src/components/MenuBar.vue

@@ -22,7 +22,7 @@
         { name: "English", code: "en" },
         { name: "Nederlands", code: "nl" },
         { name: "Français", code: "fr" },
-        { name: "Deutsch", code: "de" }
+        { name: "Deutsch", code: "de" },
     ]);
 
     // Logic to change the language of the website to the selected language
@@ -43,8 +43,14 @@
 </script>
 
 <template>
-    <v-app-bar class="app-bar" app>
-        <v-app-bar-nav-icon class="menu_collapsed" @click="drawer = !drawer" />
+    <v-app-bar
+        class="app-bar"
+        app
+    >
+        <v-app-bar-nav-icon
+            class="menu_collapsed"
+            @click="drawer = !drawer"
+        />
         <router-link
             to="/user"
             class="dwengo_home"
@@ -55,9 +61,7 @@
                     alt="Dwengo logo"
                     :src="dwengoLogo"
                 />
-                <p
-                    class="caption"
-                >
+                <p class="caption">
                     {{ t(`${role}`) }}
                 </p>
             </div>
@@ -156,7 +160,7 @@
             size="large"
             color="#0e6942"
             class="user-button"
-        >{{ initials }}</v-avatar
+            >{{ initials }}</v-avatar
         >
     </v-app-bar>
     <v-navigation-drawer