Add cross-reference map, admin health page, passkeys and device list, settings tabs

- Reader: chapter cross-reference map (M) from IQ Bible's reference graph
- Admin: Health tab with disk use, snapshots (back up, download, restore), failure logs
- Passkey sign-in (WebAuthn), signed-in device list, sign out others, optional sign-in alerts
- Settings split into Account, Preferences, Notifications, Security, Your data tabs
- ntfy server field: catch a topic typed into the server box

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

src/test/App.accounts.test.jsx

@@ -82,6 +82,23 @@ describe('Authentication', () => {
     await u.click(await screen.findByRole('menuitem', { name: /settings/i }));
     expect(await screen.findByDisplayValue('My Show')).toBeInTheDocument();
   });
+
+  test('Settings is split into tabs, one group at a time', async () => {
+    stubApi({ session: user });
+    const u = userEvent.setup();
+    render(<App />);
+    await openAccountMenu(u);
+    await u.click(await screen.findByRole('menuitem', { name: /settings/i }));
+    const tabs = await screen.findAllByRole('tab');
+    expect(tabs.map((t) => t.textContent)).toEqual(['Account', 'Preferences', 'Notifications', 'Security', 'Your data']);
+    expect(screen.queryByRole('heading', { name: 'Two-factor authentication' })).not.toBeInTheDocument();
+    await u.click(screen.getByRole('tab', { name: 'Security' }));
+    expect(screen.getByRole('tab', { name: 'Security' })).toHaveAttribute('aria-selected', 'true');
+    expect(await screen.findByRole('heading', { name: 'Two-factor authentication' })).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: 'Passkeys' })).toBeInTheDocument();
+    expect(screen.getByRole('heading', { name: 'Where you’re signed in' })).toBeInTheDocument();
+    expect(screen.queryByDisplayValue('My Show')).not.toBeInTheDocument();
+  });
 });
 
 // ---------------------------------------------------------------------------

src/test/App.pages.test.jsx

@@ -130,6 +130,7 @@ describe('Chosen home page', () => {
     await renderApp();
     await u.click(await screen.findByRole('button', { name: /account menu/i }));
     await u.click(await screen.findByRole('menuitem', { name: /settings/i }));
+    await u.click(await screen.findByRole('tab', { name: 'Preferences' }));
     const prefs = within(await screen.findByRole('region', { name: 'Preferences' }));
     await u.click(within(prefs.getByRole('group', { name: 'Home page' })).getByRole('button', { name: 'Reading Plans' }));
     expect(localStorage.getItem('start-page')).toBe('plans');

src/test/App.sync.test.jsx

@@ -169,6 +169,7 @@ describe('Preference sync', () => {
   async function openSettings(u) {
     await u.click(await screen.findByRole('button', { name: /account menu/i }));
     await u.click(await screen.findByRole('menuitem', { name: /settings/i }));
+    await u.click(await screen.findByRole('tab', { name: 'Preferences' }));
     return screen.findByRole('region', { name: 'Preferences' });
   }