Sync ChatGPT/Claude host data from production extraction

ChatGPT switches conversation max-width from 40rem to 48rem at the
1280px breakpoint, not 1440px as previously coded. Verified by
re-running pnpm extract against production ChatGPT and Claude.

Updates visual snapshots for the chatgpt host in template and all
examples to reflect the new breakpoint. Also bumps example package.json
sunpeak versions to 0.20.21 (downstream of generate-examples).

Author: abewheel

examples/albums-example/package.json

@@ -18,7 +18,7 @@
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.1.0",
-    "sunpeak": "^0.20.20",
+    "sunpeak": "^0.20.21",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },

examples/albums-example/tests/e2e/visual.spec.ts-snapshots/albums-dark-chatgpt-darwin.png

@@ -18,7 +18,7 @@
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.1.0",
-    "sunpeak": "^0.20.20",
+    "sunpeak": "^0.20.21",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },