add raw json button for player and server

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

@@ -1,4 +1,5 @@
 import { Card } from "@/app/components/card";
+import { CodeDialog } from "@/app/components/code-dialog";
 import { CopyButton } from "@/app/components/copy-button";
 import { ErrorCard } from "@/app/components/error-card";
 import { LookupServer } from "@/app/components/server/lookup-server";
@@ -122,7 +123,19 @@ export default async function Page({ params: { platform, hostname } }: Params):
       {server != null && (
         <ContextMenu>
           <ContextMenuTrigger>
-            <Card className="w-max xs:w-fit">
+            <Card className="w-max xs:w-fit relative">
+              <div className="absolute top-0 right-0 p-2">
+                <CodeDialog
+                  title="Server Data"
+                  description="The server's data from the API"
+                  code={JSON.stringify(server, undefined, 2)}
+                >
+                  <button className="bg-background rounded-lg">
+                    <p className="p-1">JSON</p>
+                  </button>
+                </CodeDialog>
+              </div>
+
               <div className="flex gap-2 flex-col">
                 <div className="flex gap-4 flex-col xs:flex-row">
                   {favicon && (