feat(views): convert pages.ts to Hono JSX components (0X0-15)

[catoncat]

M1 收官 / 5 of 5. Closes 0X0-15.

What

Split the monolithic src/pages.ts (383 lines of string-concat HTML) into per-view TSX files under src/views/:

• Layout.tsx, Header.tsx, Footer.tsx, Promo.tsx — shared shells
• EditorPage.tsx, ResultPage.tsx, NotePage.tsx, InterstitialPage.tsx, EditNotePage.tsx, NotFoundPage.tsx — one file per route
• views/index.ts — barrel re-export (one-line drop-in for src/index.ts)

Approach

JSX (hono/jsx, automatic runtime) handles the structural markup. Large inline <style> and <script> blocks remain as string constants and are injected via raw() from hono/html, so we don't have to escape every quote/brace in 2 KiB CSS or interpolate prefillTtl into the editor's JS by hand.

Each page function still returns a Response via the shared html() helper, preserving the existing SECURITY_HEADERS + cache-control behavior. No call-site changes in index.ts other than swapping the import path.

Verification

• npx tsc --noEmit — clean
• npx vitest run — 20/20 (10 new snapshot tests in test/views.test.ts lock the new baseline)
• npx wrangler deploy --dry-run — 202.78 KiB / gzip 53.14 KiB
• wrangler dev + curl / — 200 OK, correct title, valid HTML shell

Notes

• tsconfig: added "jsx": "react-jsx", "jsxImportSource": "hono/jsx"
• Snapshots set a new baseline (not byte-identical with the old string output — same DOM/visuals, stable across future edits)

---

Summary by cubic

Converted the monolithic src/pages.ts (string-built HTML) to Hono JSX components under src/views/, one file per route. Completes 0X0-15 and preserves existing behavior, routes, and headers.

• Refactors
  • Split into TSX files: shared Layout, Header, Footer, Promo; pages EditorPage, ResultPage, NotePage, InterstitialPage, EditNotePage, NotFoundPage.
  • Kept large inline CSS/JS as strings and inject via raw() from hono/html.
  • Added shared Layout; pages still return Response via html() with existing security headers and cache behavior.
  • Swapped src/index.ts import to ./views/index.js barrel.
  • tsconfig: set "jsx": "react-jsx" and "jsxImportSource": "hono/jsx".
  • Added vitest snapshot tests for all views (10 snapshots) to lock HTML output.
  • No API or route changes.

^{Written for commit 545f812. Summary will update on new commits.}