feat: redesign og images to match site style, one per page

[jaspermayone]

Summary

The old OG image was a single generic dark card shared by every page. This PR replaces it with a design that matches the site (CuteNotes boxed-letter title, green squiggle underline, Balgin body text on a light background) and gives every page its own image.

Changes

• src/lib/og-image.tsx: new design. Loads the local CuteNotes and Balgin font files from disk and renders the title with a hand-drawn squiggle underline in the site accent green (#56ba8e).
• src/lib/og-utils.ts: OG copy for every route, including the ones that had no entry before (concerts, conferences, elsewhere, friends, hackathons, hardware, keys, open-source, slashes, support-me). Removed the unused type color schemes.
• src/app/<route>/opengraph-image.tsx: 21 new per-route images via the Next file convention.
• src/app/layout.tsx: removed the hardcoded root openGraph.images / twitter.images so the per-route file convention wins.
• src/app/api/og/route.tsx: moved off the edge runtime so it can read the font files from disk.

Preview

Home and /photos render like the animated page titles on the site: boxed handwritten letters with a green squiggle, subtitle and description in Balgin, and a jaspermayone.com footer.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
website	Ready	Preview	Aug 13, 2026 1:23pm

[github-actions]

React Doctor found no new issues. 🎉

_{Reviewed by React Doctor for commit b56a049.}