feat: add hub

layers/wishlist/app/app.config.ts

@@ -0,0 +1,5 @@
+export default defineAppConfig({
+  hub: {
+    wishlist: { title: 'Wunschzettel', icon: 'i-lucide-gift', to: '/wishlist' }
+  }
+})

layers/wishlist/app/pages/wishlist.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useHead({ title: 'Wunschzettel', htmlAttrs: { lang: 'de' } })
+useHead({ title: 'Wunschzettel' })
 
 const search = ref('')
 const sort = ref<WishlistSort>('title')
@@ -35,8 +35,11 @@ onBeforeUnmount(() => observer?.disconnect())
             Überrasch mich gern auch mit etwas, das hier nicht zu finden ist <3
           </p>
         </div>
-        <div ref="headerControls" class="hidden w-96 sm:block">
-          <WishlistControls v-model:search="search" v-model:sort="sort" />
+        <div class="flex shrink-0 items-center gap-2">
+          <div ref="headerControls" class="hidden w-96 sm:block">
+            <WishlistControls v-model:search="search" v-model:sort="sort" />
+          </div>
+          <AppHeaderActions />
         </div>
       </div>