Lay out the Account page like the rest of the app

[enaboapps]

Closes #997

What

The Account page is rebuilt from the components Home already uses (connection-band status-hero, status-list rows, status-icon with tick or mark badges), so it no longer reads as plain text with unevenly stacked buttons.

• Signed in:
  • Band: green accent, account icon with a tick, the email as the title, "Signed in. It's the same account as Switchify on Android.", and Sign out on the right.
  • Settings sync row: the status icon shows a tick when up to date and a mark for errors, update-required or the first-sync choice. It shows the status and last-synced time, plus Sync now, or the two choice buttons under the text.
  • What syncs row: what syncs and what stays on each computer.
  • Delete account: its own card at the bottom, with an outlined danger button. Its confirmation appears inline with a warning icon, full-width text, then Delete permanently (primary danger) and Keep account underneath.
• Signing in:
  • The band reads "Sign in to sync your settings", then "Check your email" once a code is sent.
  • Below it, a card holds the email or code form, with primary Email me a code and Sign in buttons.
  • The What syncs row appears here too.
• Locked keychain: an attention band. Builds without accounts: a neutral band.
• Unchanged: behaviour, focus handling, live updates, announcements, and keyboard and switch access, with one deliberate change: the Settings sync row now stays visible (and usable) while a deletion is being confirmed, since deletion has its own card.
• Errors beside their buttons: a failed Sign out shows its error in the band next to the button, and a failed delete shows it inside the confirmation. Once the page leaves the signed-in screen, the error moves to the form.
• Quieter on open: the sync status becomes a live region only once it is known, so opening the page doesn't announce a placeholder.
• Plain cards: single-row cards are plain lists, not regions that repeat their heading.
• Shared icon: StatusIcon is now shared from ui/controls with Home.

Validation

• npm run lint, npm test (289 passed, including where errors appear) and npm run build. Tests are updated for the new wording, the confirmation lives in its own row, and the email is now the band heading.
• In the running app on Windows (signed in to the real account; screenshots taken with computer use): the band, sync and what-syncs rows, delete card, and inline confirmation all render as described. The confirmation's buttons sit under its text. Keep account cancels; nothing was deleted.

🤖 Generated with Claude Code