fix: og image generation

app/letters/recipient/[name]/page.tsx

@@ -1,9 +1,23 @@
 export const dynamic = "force-dynamic";
 
+import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { getLettersByRecipient } from "@/lib/letters";
+import { ogForLettersByRecipient } from "@/lib/og";
 import { FilterYearBrowser } from "../../filter-year-browser";
 
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ name: string }>;
+}): Promise<Metadata> {
+  const { name: encodedName } = await params;
+  const name = decodeURIComponent(encodedName);
+  const letters = await getLettersByRecipient(name);
+  if (letters.length === 0) return {};
+  return ogForLettersByRecipient(name, letters.length);
+}
+
 export default async function LettersByRecipientPage({
   params,
 }: {