feat: add hub

layers/notes/app/components/NotesDrawer.vue

@@ -24,7 +24,7 @@ function onTouchMove(event: TouchEvent) {
   <div class="md:hidden">
     <button
       type="button"
-      aria-label="Show notes"
+      aria-label="Notizen anzeigen"
       class="fixed inset-x-0 top-0 z-30 flex h-7 touch-none items-start justify-center pt-2"
       @click="drawerOpen = true"
       @touchstart.passive="onTouchStart"
@@ -33,7 +33,11 @@ function onTouchMove(event: TouchEvent) {
       <span class="h-1.5 w-12 rounded-full bg-accented" />
     </button>
 
-    <UDrawer v-model:open="drawerOpen" direction="top" title="Notes" :ui="{ content: 'max-h-[85dvh]', body: 'overflow-y-auto p-0 sm:p-0' }">
+    <UDrawer v-model:open="drawerOpen" direction="top" title="Notizen" :ui="{ content: 'max-h-[85dvh]', body: 'overflow-y-auto p-0 sm:p-0', header: 'px-2' }">
+      <!-- In the title row, right aligned; the header is inset like the list's search bar (px-2), so they line up -->
+      <template #actions>
+        <AppHeaderActions />
+      </template>
       <template #body>
         <NotesList />
       </template>