feat: share image, metadata and icons that match the new site

The link preview used an old template with a blog description. The share
image is now a screenshot of the real hero (scripts/render-share-image.mjs),
served as Open Graph and Twitter image. Title and description come from one
place and are used by the page, the previews and the structured data. Adds an
apple touch icon and removes the old share-image template and its fonts.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/package.json

@@ -2,7 +2,7 @@
   "name": "@mintel/web",
   "type": "module",
   "version": "0.1.0",
-  "description": "Technical problem solver's blog - practical insights and learning notes",
+  "description": "Website of Marc Mintel, freelance developer for web apps and websites",
   "scripts": {
     "dev": "next dev --webpack --hostname 0.0.0.0",
     "dev:native": "next dev --webpack",
@@ -14,7 +14,8 @@
     "pagespeed:test": "npx tsx ./scripts/pagespeed-sitemap.ts",
     "typecheck": "tsc --noEmit",
     "test:mutation": "stryker run",
-    "check:og": "tsx scripts/check-og-images.ts"
+    "check:og": "tsx scripts/check-og-images.ts",
+    "share-image": "node scripts/render-share-image.mjs"
   },
   "dependencies": {
     "@aws-sdk/client-s3": "^3.750.0",