31 add page labels and meta information

frontend/src/components/MenuBar.vue

@@ -102,12 +102,13 @@ function handleDarkModeToggled(isDarkVar: boolean) {
           "
           v-bind="props.action"
           @click="navigate"
+          :href="item.route"
         >
           <span :class="item.icon" />
           <span class="ml-2 p-menuitem-label">{{ item.label }}</span>
         </a>
       </router-link>
-      <a
+      <span
         v-else
         :class="
           $route.path.includes(item.info)
@@ -115,11 +116,10 @@ function handleDarkModeToggled(isDarkVar: boolean) {
             : 'flex align-items-center'
         "
         v-bind="props.action"
-        :href="item.url"
       >
         <span :class="item.icon" />
         <span class="ml-2 p-menuitem-label">{{ item.label }}</span>
-      </a>
+    </span>
     </template>
     <template #end>
       <div class="flex align-items-stretch justify-content-center">