use new api format

src/app/components/error-card.tsx

@@ -0,0 +1,16 @@
+import { Card } from "./card";
+
+type ErrorProps = {
+  message: string;
+};
+
+export function ErrorCard({ message }: ErrorProps): JSX.Element {
+  return (
+    <Card>
+      <div className="flex flex-col justify-center text-center">
+        <h1 className="text-xl text-red-400">Error</h1>
+        <p>{message}</p>
+      </div>
+    </Card>
+  );
+}

src/app/components/navbar.tsx

@@ -9,8 +9,8 @@ type Page = {
 };
 
 const pages: Page[] = [
-  { title: "Player", url: "/player/Notch" },
-  { title: "Server", url: "/server/java/hypixel.net" },
+  { title: "Player", url: "/player" },
+  { title: "Server", url: "/server/java" },
   { title: "Mojang", url: "/mojang" },
 ];
 

src/app/components/not-found.tsx

@@ -1,12 +0,0 @@
-type NotFoundProps = {
-  message: string;
-};
-
-export function NotFound({ message }: NotFoundProps): JSX.Element {
-  return (
-    <div className="flex flex-col justify-center text-center">
-      <h1 className="text-xl text-red-400">Not Found</h1>
-      <p>{message}</p>
-    </div>
-  );
-}

src/app/components/server/lookup-server.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ServerPlatform } from "mcutils-library/dist/types/server/platform";
+import { ServerPlatform } from "mcutils-library";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { Button } from "../ui/button";