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/HomePage.jsx

@@ -29,7 +29,6 @@ export default function HomePage() {
     audioNarrator, setAudioNarrator,
     audioState,
     audioProgress,
-    openBibleReader,
     openImportProject,
     openNewProject,
     pullLatestFromServer,
@@ -110,10 +109,9 @@ export default function HomePage() {
   return (
     <PageShell
       title="My Studies"
+      active="studies"
       actions={(
         <>
-          <button type="button" onClick={openBibleReader} className={linkBtn}>Read Bible</button>
-          <button type="button" onClick={openReadingPlans} className={linkBtn}>Reading Plans</button>
           <button type="button" onClick={openImportProject} className={linkBtn} title="Set up a whole series from a session list (.docx)">Import Session List</button>
           <button type="button" onClick={openNewProject} className="rounded-full bg-[var(--r-accent)] px-4 py-1.5 text-sm font-medium text-[var(--r-on)] hover:opacity-90">+ New Project</button>
         </>
@@ -137,8 +135,8 @@ export default function HomePage() {
           )}
           {readingPlanSyncStatus === 'error' && (
             <div className={`${notice} flex flex-wrap items-center justify-between gap-3`}>
-              <span className="text-red-700">Couldn’t sync your reading plans to the server. Changes are only saved on this device until this is fixed.</span>
-              <button type="button" onClick={retryReadingPlanSync} className="shrink-0 rounded-lg border border-red-300 px-3 py-1 text-xs text-red-700 hover:bg-red-50">Retry</button>
+              <span className="text-[var(--r-danger,#b42318)]">Couldn’t sync your reading plans to the server. Changes are only saved on this device until this is fixed.</span>
+              <button type="button" onClick={retryReadingPlanSync} className="shrink-0 rounded-lg border border-red-300 px-3 py-1 text-xs text-[var(--r-danger,#b42318)] hover:bg-red-50">Retry</button>
             </div>
           )}
 
@@ -227,7 +225,7 @@ export default function HomePage() {
                     </div>
                     <div className="flex items-center gap-2">
                       <button type="button" onClick={() => resumeProject(entry.id)} className="flex-1 rounded-xl bg-[var(--r-text)] px-4 py-2 text-sm font-medium text-[var(--r-bg)] hover:opacity-90">Resume</button>
-                      <button type="button" onClick={() => deleteProject(entry.id)} className="rounded-xl border border-[var(--r-line)] px-4 py-2 text-sm text-red-700 hover:bg-black/5">Delete</button>
+                      <button type="button" onClick={() => deleteProject(entry.id)} className="rounded-xl border border-[var(--r-line)] px-4 py-2 text-sm text-[var(--r-danger,#b42318)] hover:bg-black/5">Delete</button>
                     </div>
                   </div>
                 ))}