feat:#60 added localization for more pages

frontend/src/components/MenuBar.vue

@@ -8,40 +8,52 @@ const items = computed(() => [
   {
     label: t("createCalendar"),
     icon: "pi pi-fw pi-plus",
-    to: "/",
+    route: "/",
   },
   {
     label: t("editCalendar"),
     icon: "pi pi-fw pi-pencil",
-    to: "/edit",
+    route: "/edit",
   },
   {
     label: t("roomFinder"),
     icon: "pi pi-fw pi-calendar",
-    to: `rooms`,
+    route: `rooms`,
   },
   {
     label: t("faq"),
     icon: "pi pi-fw pi-book",
-    to: `faq`,
+    route: `faq`,
   },
   {
     label: t("imprint"),
     icon: "pi pi-fw pi-id-card",
-    to: `imprint`,
+    route: `imprint`,
   },
   {
     label: t("privacy"),
     icon: "pi pi-fw pi-exclamation-triangle",
-    to: `privacy-policy`,
+    route: `privacy-policy`,
   },
 ]);
 
 </script>
 
 <template>
-  <Menubar :model="items" class="menubar justify-content-center">
-    <template #start>
+  <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>
+    <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 />
+      </router-link>
     </template>
     <template #end>
       <LocaleSwitcher></LocaleSwitcher>