Refine sidebar, Notes, and Patients per review feedback

Round-2 fixes to the 6 features:

- Logo: enlarge the sidebar mark, drop the inline wordmark, and show
  "temetro" via a hover tooltip; bigger logo on the auth screens.
- Sidebar footer: wrap the quick-nav, clinic switcher, and user menu in a
  single bordered block so it reads as one footer instead of three cards.
- Sidebar nav: highlight the active page (usePathname + data-[active]), and
  add an Appointments & Schedule sub-page under Patients that auto-expands
  for the current section. New mock /appointments page; reachable via ⌘K.
- Notes: redesign to a two-pane list + editor with an Empty state on the
  right when nothing is selected; fix the editor so text starts top-left
  (div instead of a centering <button>); compact the toolbar; add
  .note-content typography in globals.css so headings/lists/etc. actually
  render (the app has no typography plugin).
- Patients: new PatientDetail laid out to fit the side Sheet (stacked
  full-width sections, no nested click-to-expand dialogs); keep Edit.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/components/notes/notes-editor.tsx

@@ -91,8 +91,9 @@ export function NotesEditor({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class:
-          "prose prose-sm dark:prose-invert max-w-none min-h-full focus:outline-none",
+        // `note-content` styles headings/lists/etc. (see globals.css); padding +
+        // min-h-full make the whole card a click target, text anchored top-left.
+        class: "note-content min-h-full p-4 focus:outline-none",
       },
     },
     onTransaction: bump,
@@ -132,7 +133,7 @@ export function NotesEditor({
         </Button>
       </div>
 
-      <Toolbar className="flex-wrap">
+      <Toolbar className="w-fit max-w-full self-start overflow-x-auto">
         <ToolbarGroup>
           <FormatButton
             active={editor.isActive("bold")}
@@ -213,13 +214,9 @@ export function NotesEditor({
         </ToolbarGroup>
       </Toolbar>
 
-      <button
-        className="min-h-0 flex-1 cursor-text overflow-y-auto rounded-xl border bg-card p-4 text-left"
-        onClick={() => editor.chain().focus().run()}
-        type="button"
-      >
-        <EditorContent editor={editor} />
-      </button>
+      <div className="min-h-0 flex-1 cursor-text overflow-y-auto rounded-xl border bg-card">
+        <EditorContent className="h-full" editor={editor} />
+      </div>
     </div>
   );
 }