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/src/components/home/HomeJsonLd.tsx

@@ -1,13 +1,37 @@
-import { SITE_NAME, SITE_URL } from "@/src/content/site";
+import {
+  OWNER,
+  SITE_DESCRIPTION,
+  SITE_NAME,
+  SITE_URL,
+} from "@/src/content/site";
 
 const STRUCTURED_DATA = {
   "@context": "https://schema.org",
   "@type": "ProfessionalService",
   name: SITE_NAME,
   url: SITE_URL,
-  description:
-    "Senior freelance developer for web apps, interfaces and websites: weekly capacity for product teams, making unreliable apps dependable, and websites built end to end.",
-  founder: { "@type": "Person", name: SITE_NAME },
+  description: SITE_DESCRIPTION,
+  image: `${SITE_URL}/marc-mintel.png`,
+  address: {
+    "@type": "PostalAddress",
+    streetAddress: OWNER.street,
+    postalCode: OWNER.city.split(" ")[0],
+    addressLocality: OWNER.city.split(" ").slice(1).join(" "),
+    addressCountry: "DE",
+  },
+  founder: {
+    "@type": "Person",
+    name: SITE_NAME,
+    jobTitle: "Freelance developer",
+    url: SITE_URL,
+  },
+  knowsAbout: [
+    "Web applications",
+    "User interfaces",
+    "Websites",
+    "Process automation",
+    "Web3 frontends",
+  ],
 } as const;
 
 /** Serialized server-side from constants only; "<" is escaped to keep it inert inside a script tag. */