DRY refactoring pass: shared mixins, route helpers, composables, CSS

Backend:
- models/base.py: TimestampMixin + CreatedAtMixin; applied to all 10+ models
- routes/utils.py: not_found() + parse_iso_date() helpers; used across all route files
- routes/milestones.py: _milestone_dict() helper replaces 5 repeated to_dict + progress blocks

Frontend:
- 5 new composables: useAutoSave, useEditorGuards, useTagSuggestions,
  useFloatingAssist, useListKeyboardNavigation
- ConfirmDialog.vue: reusable confirm modal replacing inline <teleport> blocks
- editor-shared.css: sidebar CSS consolidated from both editor views
- viewer-shared.css: context-bar/breadcrumb CSS consolidated from both viewer views
- NoteEditorView + TaskEditorView: ~120 lines each replaced with composable calls;
  duplicate scoped sidebar CSS removed
- NotesListView + TasksListView: inline keyboard-nav replaced with composable
- NoteViewerView + TaskViewerView: duplicate context-bar CSS removed

No behaviour changes. Net: -634 lines, +237 lines across 31 files.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/views/NotesListView.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, watch } from "vue";
+import { ref, computed, onMounted, onUnmounted, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useNotesStore } from "@/stores/notes";
+import { useListKeyboardNavigation } from "@/composables/useListKeyboardNavigation";
 import SearchBar from "@/components/SearchBar.vue";
 import NoteCard from "@/components/NoteCard.vue";
 import TagPill from "@/components/TagPill.vue";
@@ -14,36 +15,15 @@ const router = useRouter();
 const store = useNotesStore();
 
 const searchBarRef = ref<{ focus: () => void } | null>(null);
-const activeIndex = ref(-1);
 
 function onFocusSearch() {
   searchBarRef.value?.focus();
 }
 
-function onKeydown(e: KeyboardEvent) {
-  const el = document.activeElement;
-  const tag = el ? (el as HTMLElement).tagName : "";
-  const isInput = tag === "INPUT" || tag === "TEXTAREA" || (el as HTMLElement)?.isContentEditable;
-  if (isInput || e.ctrlKey || e.metaKey || e.altKey) return;
-  const count = store.notes.length;
-  if (e.key === "j") {
-    e.preventDefault();
-    activeIndex.value = Math.min(activeIndex.value + 1, count - 1);
-    scrollActiveIntoView();
-  } else if (e.key === "k") {
-    e.preventDefault();
-    activeIndex.value = Math.max(activeIndex.value - 1, 0);
-    scrollActiveIntoView();
-  } else if (e.key === "Enter" && activeIndex.value >= 0) {
-    const note = store.notes[activeIndex.value];
-    if (note) router.push(`/notes/${note.id}`);
-  }
-}
-
-function scrollActiveIntoView() {
-  const el = document.querySelector(".kb-active-item");
-  if (el) el.scrollIntoView({ block: "nearest" });
-}
+const { activeIndex } = useListKeyboardNavigation(
+  computed(() => store.notes),
+  (note) => router.push(`/notes/${note.id}`),
+);
 
 const viewMode = ref<ViewMode>(
   (localStorage.getItem("fabled-notes-view-mode") as ViewMode) ?? "grid"
@@ -63,12 +43,10 @@ onMounted(() => {
     store.refresh();
   }
   document.addEventListener("shortcut:focus-search", onFocusSearch);
-  document.addEventListener("keydown", onKeydown);
 });
 
 onUnmounted(() => {
   document.removeEventListener("shortcut:focus-search", onFocusSearch);
-  document.removeEventListener("keydown", onKeydown);
 });
 
 watch(