Rework app bar, notes layout, Settings/Admin/login restyle

App bar: brand, Studies / Read Bible / Reading Plans, and one account menu
(theme, Settings, Admin, Log out). Study stage: notes get their own box above
the resources in the right column. Settings, Admin and the login page use the
reader themes; add a theme-aware danger colour.

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

src/pages/ImportPage.jsx

@@ -150,7 +150,7 @@ export default function ImportPage() {
   const field = 'mt-1 w-full rounded-xl border border-[var(--r-line)] bg-[var(--r-bg)] px-3 py-2 text-sm text-[var(--r-text)] focus:outline-none focus:ring-2 focus:ring-[var(--r-line)]';
 
   return (
-    <PageShell title="Import Session List" onBack={() => setCurrentPage('home')} maxWidth="max-w-4xl">
+    <PageShell title="Import Session List" active="studies" onBack={() => setCurrentPage('home')} maxWidth="max-w-3xl">
       <main className="mx-auto max-w-3xl space-y-6 px-4 py-8">
         <section className="space-y-5 rounded-2xl border border-[var(--r-line)] bg-[var(--r-bar)] p-6">
           <div className="space-y-2 rounded-xl bg-[var(--r-bg)] p-4 text-sm text-[var(--r-sub)]">
@@ -187,7 +187,7 @@ export default function ImportPage() {
           </label>
 
           {importBusy && <p className="text-sm text-[var(--r-sub)]">Working…</p>}
-          {importError && <p className="text-sm text-red-600">{importError}</p>}
+          {importError && <p className="text-sm text-[var(--r-danger,#b42318)]">{importError}</p>}
 
           {importPreview && !importBusy && (
             <div className="space-y-3">
@@ -205,7 +205,7 @@ export default function ImportPage() {
                         <td className="px-3 py-1.5">{spec.title}</td>
                         <td className="px-3 py-1.5 text-right text-[var(--r-sub)]">
                           {spec.parsed === 'invalid'
-                            ? <span className="text-red-600">unrecognized — skipped</span>
+                            ? <span className="text-[var(--r-danger,#b42318)]">unrecognized — skipped</span>
                             : spec.parsed ? spec.passage : <span>marker (no passage)</span>}
                         </td>
                       </tr>