The commits list and a commit's page speak the home page's language #9742

For: the commits list and a commit's page are where git's own history is read, and neither has had the design pass yet.

Done looks like:

• [x] The commits list and a commit's page (src/web/pages/commits.ts) follow the opening principles of docs/DESIGN.md: space instead of boxes that do no work, the home page's type for messages, authors and times, and each commit a row whose message is the one link.
• [x] Nothing is lost: each commit's check (green, red or not run) still shows beside it, the history bar still pages, and both pages still fit a 390 px phone with no sideways scroll (test/commits-fit.test.ts), the diff scrolling inside its box.
• [x] The warm list still costs what test/commits-timing.test.ts allows.
• [x] bun scripts/design-lint.ts passes, and so do test/commits*.test.ts.

Files: src/web/pages/commits.ts, and docs/design/areas/code.md or diff.md if a class is added. Risks: commit messages are user text; every one stays escaped through the existing html helpers.

Parked by the crew: the check stayed red through 2 automatic tries (pull #9748 closed). Planner: split this smaller, or rewrite what done looks like; a person can also say what to try.

Reviewed pull #9778 at its head: ticked The commits list and a commit's page (src/web/pages/commits.ts) follow the opening principles of docs/DESIGN.md: space instead of boxes that do no work, the home page's type for messages, authors and times, and each commit a row whose message is the one link.; Nothing is lost: each commit's check (green, red or not run) still shows beside it, the history bar still pages, and both pages still fit a 390 px phone with no sideways scroll (test/commits-fit.test.ts), the diff scrolling inside its box.; The warm list still costs what test/commits-timing.test.ts allows.; bun scripts/design-lint.ts passes, and so do test/commits*.test.ts..