/settings/backups' now, drill, error and restore parts draw §5's card, row, badge and btn, long ids still wrap, and .backups-* leave the markup #4206

Replaces #4130, whose pull #4158 met every review but one and then sat. If the branch scout/4130-settings-backups-now-drill-error-and-res is still on the forge, start from its commits; the reviews accepted its badges ('Ready' / 'At risk'), the plain post forms and the restore command in the Snapshots card's body.

Done:

• [ ] /settings/backups' now, drill, error and restore parts are drawn with §5's card, row, badge and btn. None of .backups-drill .backups-error .backups-now .backups-restore appears in the page's HTML.
• [ ] The restore command sits in the card body as a scrollable pre with tabindex="0" and an aria-label, never inside the flex .card-foot.
• [ ] The drill paragraph and the green and failed-snapshot/listing paragraphs are <p class="break">, so a long snapshot id, reason or step wraps at 360 px; a test asserts each carries break.
• [ ] Do not delete the rules from src/web/style/content.ts and do not edit docs/DESIGN.md (#4131 does that). Every form posts the same fields; a test asserts the old names are absent and the words, links and forms present.

Files: src/web/pages/backups.ts, a test. Before pushing: bun x tsc --noEmit, bun test test/design-lint.test.ts and the backups tests.