add unknown server and unknown player and impl player embed

src/app/player/[id]/page.tsx

@@ -1,13 +1,46 @@
+import { embedFallback } from "@/common/embed-fallback";
 import { NotFound } from "@/components/not-found";
 import { Card } from "@/components/ui/card";
 import { getPlayer } from "mcutils-library";
 import { Player } from "mcutils-library/dist/types/player/player";
 import { Metadata } from "next";
 
-export const metadata: Metadata = {
-  title: "Lookup Player",
+type Params = {
+  params: {
+    id: string;
+  };
 };
 
+export async function generateMetadata({ params: { id } }: Params): Promise<Metadata> {
+  const player = await getData(id);
+  if (!player) {
+    return embedFallback({ title: "Unknown Player", description: "Player not found" });
+  }
+
+  const { username, uniqueId, skin } = player;
+  const headPartUrl = skin.parts.head;
+
+  const description = `
+    Username: ${username}
+    UUID: ${uniqueId}`;
+
+  return {
+    title: `${username}`,
+    openGraph: {
+      title: `${username}`,
+      description: description,
+      images: [
+        {
+          url: headPartUrl,
+        },
+      ],
+    },
+    twitter: {
+      card: "summary",
+    },
+  };
+}
+
 async function getData(id: string): Promise<Player | null> {
   try {
     const cachedPlayer = await getPlayer(id);
@@ -17,12 +50,6 @@ async function getData(id: string): Promise<Player | null> {
   }
 }
 
-type Params = {
-  params: {
-    id: string;
-  };
-};
-
 export default async function Page({ params }: Params) {
   const player = await getData(params.id);
 

src/app/server/[platform]/[hostname]/page.tsx

@@ -1,3 +1,4 @@
+import { embedFallback } from "@/common/embed-fallback";
 import { capitalizeFirstLetter } from "@/common/string-utils";
 import { LookupServer } from "@/components/lookup-server";
 import { NotFound } from "@/components/not-found";
@@ -18,15 +19,15 @@ type Params = {
 export async function generateMetadata({ params: { platform, hostname } }: Params): Promise<Metadata> {
   const server = await getData(platform, hostname);
   if (!server) {
-    return {
-      title: "Unknown Server",
-    };
+    return embedFallback({ title: "Unknown Server", description: "Server not found" });
   }
 
   const { hostname: serverHostname, players } = server;
-  let favicon = null;
+
+  let favicon = null; // Server favicon
 
   if (platform === ServerPlatform.Java) {
+    // Java specific
     const javaServer = server as JavaMinecraftServer;
     favicon = javaServer.favicon && javaServer.favicon.url;
   }