feat(frontend): Add sidebar entries for help and organization

legalconsenthub/app/layouts/default.vue

@@ -18,9 +18,7 @@
       <template #default="{ collapsed }">
         <UDashboardSearchButton :collapsed="collapsed" class="bg-transparent ring-(--ui-border)" />
 
-        <UNavigationMenu :collapsed="collapsed" :items="links[0]" orientation="vertical" />
-
-        <UNavigationMenu :collapsed="collapsed" :items="links[1]" orientation="vertical" class="mt-auto" />
+        <UNavigationMenu :collapsed="collapsed" :items="links" orientation="vertical" />
       </template>
 
       <template #footer="{ collapsed }">
@@ -49,20 +47,50 @@
 <script setup lang="ts">
 import { useNotificationStore } from '~~/stores/useNotificationStore'
 import { useSeededSapS4HanaDuplicator } from '~/composables/testing/useSeededSapS4HanaDuplicator'
+import { usePermissions } from '~/composables/usePermissions'
 
 const { t: $t } = useI18n()
+const { hasAnyRole } = usePermissions()
 
-const links = [
-  [
+const links = computed(() => {
+  const items = [
     {
       label: $t('contact.title'),
       icon: 'i-lucide-mail',
       to: '/contact',
       exact: true
+    },
+    {
+      label: $t('help.title'),
+      icon: 'i-lucide-help-circle',
+      to: '/help',
+      exact: true
+    },
+    {
+      label: $t('organization.title'),
+      icon: 'i-lucide-building-2',
+      to: '/organization',
+      exact: true
+    },
+    {
+      label: $t('settings.title'),
+      icon: 'i-lucide-settings',
+      to: '/settings',
+      exact: true
     }
-  ],
-  []
-]
+  ]
+
+  if (hasAnyRole(['CHIEF_EXECUTIVE_OFFICER', 'IT_DEPARTMENT'])) {
+    items.push({
+      label: $t('administration.title'),
+      icon: 'i-lucide-shield',
+      to: '/administration',
+      exact: true
+    })
+  }
+
+  return items
+})
 const open = ref(false)
 const logger = useLogger().withTag('layout')