✨ feat: enhance accessibility with skip to main content button and improve navigation handling

🔧 fix: update navigation href resolution to include localized paths

🆕 feat: add new FeatureIcon component for feature boxes

🎨 style: improve styling for prose elements in richtext blocks

🛠️ refactor: streamline medialib image loading and caching logic

📦 chore: update mock data handling to support new medialib entries

🔄 chore: synchronize i18n initialization and locale management

📝 docs: update video tour descriptions to reflect recent changes

api/collections/navigation.yml

@@ -6,19 +6,45 @@ name: navigation
 meta:
   label: { de: "Navigation", en: "Navigation" }
   muiIcon: menu
-  rowIdentTpl: { twig: "{{ type }} ({{ language }})" }
-
-  views:
-    - type: simpleList
-      mediaQuery: "(max-width: 600px)"
-      primaryText: type
-      secondaryText: language
-    - type: table
-      columns:
-        - source: type
-          filter: true
-        - source: language
-          filter: true
+  group: structure
+  viewHint:
+    navigation:
+      nodesField: elements
+      preview:
+        label: name
+        secondary:
+          eval: "$this.external && $this.externalUrl ? $this.externalUrl : ($this._lookup?.page ? $this._lookup.page.name + ' (' + $this._lookup.page.path + ')' : '')"
+        select: [external, externalUrl, page]
+      declaredTrees:
+        - label: { de: "Header DE", en: "Header DE" }
+          singleton:
+            type: header
+            language: de
+          maxLevel: 2
+        - label: { de: "Header EN", en: "Header EN" }
+          singleton:
+            type: header
+            language: en
+          maxLevel: 2
+        - label: { de: "Footer DE", en: "Footer DE" }
+          singleton:
+            type: footer
+            language: de
+          maxLevel: 1
+        - label: { de: "Footer EN", en: "Footer EN" }
+          singleton:
+            type: footer
+            language: en
+          maxLevel: 1
+  preview:
+    label: type
+    secondary: language
+    table:
+      - type
+      - language
+  sidebar:
+    - group: settings
+      label: { de: "Einstellungen", en: "Settings" }
 
 permissions:
   public:
@@ -36,15 +62,30 @@ fields:
     type: string
     meta:
       label: { de: "Sprache", en: "Language" }
+      position: sidebar:settings
+      widget: select
+      choices:
+        - id: de
+          name: { de: "Deutsch", en: "German" }
+        - id: en
+          name: { de: "Englisch", en: "English" }
   - name: type
     type: string
     meta:
       label: { de: "Typ", en: "Type" }
       helperText: { de: "header oder footer", en: "header or footer" }
+      position: sidebar:settings
+      widget: select
+      choices:
+        - id: header
+          name: { de: "Header", en: "Header" }
+        - id: footer
+          name: { de: "Footer", en: "Footer" }
   - name: elements
     type: object[]
     meta:
       label: { de: "Elemente", en: "Elements" }
+      preview: name
     subFields:
       - name: name
         type: string
@@ -53,7 +94,11 @@ fields:
       - name: page
         type: string
         meta:
-          label: { de: "Seite (Content-ID)", en: "Page (Content ID)" }
+          label: { de: "Seite", en: "Page" }
+          widget: foreignKey
+          foreign:
+            collection: content
+            id: id
       - name: external
         type: boolean
         meta:
@@ -66,3 +111,7 @@ fields:
         type: string
         meta:
           label: { de: "Anker", en: "Anchor" }
+      - name: elements
+        type: object[]
+        meta:
+          label: { de: "Unterpunkte", en: "Child Items" }