Patients page, clinical Settings re-theme, Polar-style user footer

- Patients: new /patients directory table (name, MRN, age·sex, status,
  last seen, allergies) with search + Add patient; clicking a row opens
  the record in the chat via /?patient=<#>. chat-panel reads that search
  param (Suspense-wrapped) and runs the lookup once on arrival. Sidebar
  "Patients" now links to /patients; lib/patients gains listPatients().
- Settings: re-themed to clinical tabs (Profile · Records · Signing ·
  Care team · Developers) — clinician profile, patient notifications,
  patient-owned-storage/signed-records features, and a Signing key panel.
  Same layout/components, only content changed.
- Sidebar footer: Polar-style NavUser (avatar + name + chevron) opening a
  menu upward — Settings · Docs & GitHub · Theme · Log out. Collapsed
  ("locked"): avatar only, name on hover (tooltip), menu opens to the
  right. Placeholder identity (no auth yet).

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

frontend/components/settings/settings-view.tsx

@@ -7,15 +7,15 @@ import {
   SettingsCard,
   SettingsSection,
 } from "@/components/settings/settings-parts";
-import { BillingPanel } from "@/components/settings/settings-billing";
-import { PreferencesPanel } from "@/components/settings/settings-preferences";
+import { SigningPanel } from "@/components/settings/settings-billing";
+import { ProfilePanel } from "@/components/settings/settings-preferences";
 
 const TABS = [
-  "Preferences",
-  "Billing",
-  "Members",
-  "Webhooks",
-  "Custom Fields",
+  "Profile",
+  "Records",
+  "Signing",
+  "Care team",
+  "Developers",
 ] as const;
 
 type Tab = (typeof TABS)[number];
@@ -37,7 +37,7 @@ function PlaceholderPanel({
 }
 
 export function SettingsView() {
-  const [tab, setTab] = useState<Tab>("Preferences");
+  const [tab, setTab] = useState<Tab>("Profile");
 
   return (
     <div className="mx-auto w-full max-w-3xl px-6 py-10">
@@ -63,24 +63,24 @@ export function SettingsView() {
       </div>
 
       <div className="mt-10 space-y-12">
-        {tab === "Preferences" && <PreferencesPanel />}
-        {tab === "Billing" && <BillingPanel />}
-        {tab === "Members" && (
+        {tab === "Profile" && <ProfilePanel />}
+        {tab === "Records" && (
           <PlaceholderPanel
-            description="Invite and manage members of your organization"
-            title="Members"
+            description="How patient records are sourced, stored, and displayed"
+            title="Records"
           />
         )}
-        {tab === "Webhooks" && (
+        {tab === "Signing" && <SigningPanel />}
+        {tab === "Care team" && (
           <PlaceholderPanel
-            description="Send event notifications to your own endpoints"
-            title="Webhooks"
+            description="Clinicians with access to this workspace"
+            title="Care team"
           />
         )}
-        {tab === "Custom Fields" && (
+        {tab === "Developers" && (
           <PlaceholderPanel
-            description="Collect additional information from your customers"
-            title="Custom Fields"
+            description="Access tokens for the temetro API"
+            title="Developers"
           />
         )}
       </div>