feat: add notes app

layers/notes/app/components/NotesActionBar.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+// "New", bottom right.
+// The list opens with NotesDrawer (mobile) and NotesSidebarHandle (desktop).
+const { creating, createAndOpen } = useNewNote()
+</script>
+
+<template>
+  <div class="pointer-events-none fixed inset-x-0 bottom-0 z-40 flex justify-end px-4 pb-[max(1rem,env(safe-area-inset-bottom))] md:px-6 md:pb-6">
+    <UTooltip text="New note" :kbds="['meta', 'alt', 'n']">
+      <UButton
+        icon="i-lucide-square-pen"
+        label="New"
+        size="lg"
+        class="pointer-events-auto rounded-full px-5 shadow-lg"
+        :loading="creating"
+        @click="createAndOpen"
+      />
+    </UTooltip>
+  </div>
+</template>