feat: festival/event model frontend + topbar activeren

- Events lijst: card grid met festival/serie chips
- Festival detail: programmaonderdelen grid
- CreateSubEventDialog voor sub-events binnen festival
- EventTabsNav: breadcrumb terug naar festival
- Sessie A: festival-bewuste EventResource + children endpoint
- Topbar: zoekbalk, theme switcher, shortcuts, notificaties
- Schema v1.7 + BACKLOG.md toegevoegd
- 121 tests groen

apps/app/src/layouts/components/DefaultLayoutWithVerticalNav.vue

@@ -1,13 +1,14 @@
 <script lang="ts" setup>
 import navItems from '@/navigation/vertical'
-import { themeConfig } from '@themeConfig'
 
 // Components
 import Footer from '@/layouts/components/Footer.vue'
+import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
+import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
+import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
 import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
 import UserProfile from '@/layouts/components/UserProfile.vue'
 import OrganisationSwitcher from '@/components/layout/OrganisationSwitcher.vue'
-import NavBarI18n from '@core/components/I18n.vue'
 
 // @layouts plugin
 import { VerticalNavLayout } from '@layouts'
@@ -21,12 +22,15 @@ import { VerticalNavLayout } from '@layouts'
       <div class="vertical-nav-items-shadow" />
     </template>
 
-    <!-- 👉 navbar -->
+    <!-- 👉 navbar (match Vuexy full-version: search + actions; search flex-grows) -->
     <template #navbar="{ toggleVerticalOverlayNavActive }">
-      <div class="d-flex h-100 align-center">
+      <div
+        class="d-flex h-100 align-center w-100"
+        style="min-inline-size: 0;"
+      >
         <IconBtn
           id="vertical-nav-toggle-btn"
-          class="ms-n3 d-lg-none"
+          class="ms-n3 d-lg-none flex-shrink-0"
           @click="toggleVerticalOverlayNavActive(true)"
         >
           <VIcon
@@ -35,15 +39,12 @@ import { VerticalNavLayout } from '@layouts'
           />
         </IconBtn>
 
-        <NavbarThemeSwitcher />
+        <NavSearchBar class="flex-grow-1 ms-lg-n3 min-w-0" />
 
-        <VSpacer />
-
-        <NavBarI18n
-          v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
-          :languages="themeConfig.app.i18n.langConfig"
-        />
-        <UserProfile />
+        <NavbarThemeSwitcher class="flex-shrink-0 me-2" />
+        <NavbarShortcuts class="flex-shrink-0" />
+        <NavBarNotifications class="flex-shrink-0 me-1" />
+        <UserProfile class="flex-shrink-0" />
       </div>
     </template>