use the server preview from the api in the server route for embeds

src/app/(pages)/server/[platform]/[[...hostname]]/page.tsx

@@ -82,18 +82,14 @@ export async function generateMetadata({ params: { platform, hostname } }: Param
 
   try {
     const server = await getServer(platform, hostname);
-    const { hostname: serverHostname, players } = server;
-
-    const favicon = getFavicon(platform, server);
-
-    let description = `There is ${formatNumber(players.online)}/${formatNumber(players.max)} players connected!\n\n`;
-    description += "Click to view more information about the server.";
+    const { hostname: serverHostname } = server;
 
     return generateEmbed({
       title: `${serverHostname} ${capitalizeFirstLetter(platform)} Server`,
       embedTitle: `${capitalizeFirstLetter(platform)} Server: ${serverHostname}`,
-      description: description,
-      image: favicon,
+      description: "Click to view more information about the server.",
+      image: `${config.apiEndpoint}/server/${platform}/preview/${serverHostname}`,
+      cardType: "summary_large_image",
     });
   } catch (err) {
     // An error occurred

src/app/common/embed.ts

@@ -20,6 +20,11 @@ type Embed = {
    * The image to show as the thumbmail.
    */
   image?: string;
+
+  /**
+   * The type of the card.
+   */
+  cardType?: "summary" | "summary_large_image";
 };
 
 /**
@@ -29,13 +34,17 @@ type Embed = {
  * @param embedTitle the title of the embed
  * @param description the description of the embed
  * @param image the image to show as the thumbmail
+ * @param cardType the type of the card
  * @returns the metadata for the embed
  */
-export function generateEmbed({ title, embedTitle, description, image }: Embed): Metadata {
+export function generateEmbed({ title, embedTitle, description, image, cardType }: Embed): Metadata {
   // Fall back to the title
   if (!embedTitle) {
     embedTitle = title;
   }
+  if (!cardType) {
+    cardType = "summary";
+  }
 
   const metadata: Metadata = {
     title: `${title}`,
@@ -44,7 +53,7 @@ export function generateEmbed({ title, embedTitle, description, image }: Embed):
       description: description,
     },
     twitter: {
-      card: "summary",
+      card: cardType,
     },
   };