update game url to use game code directly

client/src/app/[code]/not-found.tsx

@@ -0,0 +1,8 @@
+export default function NotFound() {
+  return (
+    <div className="flex flex-col items-center justify-center gap-4">
+      <div className="text-2xl font-bold">Error 404</div>
+      <div className="text-xl">Not found</div>
+    </div>
+  );
+}

client/src/app/[code]/page.tsx

@@ -0,0 +1,44 @@
+import GameAuthWrapper from "@/components/game/GameAuthWrapper";
+import { getGame } from "@/lib/game";
+import { notFound } from "next/navigation";
+
+export async function generateMetadata({ params }: { params: { code: string } }) {
+  const game = await getGame(params.code);
+  if (!game) {
+    return {
+      description: "Game not found",
+      robots: {
+        index: false,
+        follow: false,
+        nocache: true,
+        noarchive: true
+      }
+    };
+  }
+  return {
+    description: `Play or watch a game with ${game.host?.name}`,
+    openGraph: {
+      title: "chessu",
+      description: `Play or watch a game with ${game.host?.name}`,
+      url: `https://ches.su/${game.code}`,
+      siteName: "chessu",
+      locale: "en_US",
+      type: "website"
+    },
+    robots: {
+      index: false,
+      follow: false,
+      nocache: true,
+      noarchive: true
+    }
+  };
+}
+
+export default async function Game({ params }: { params: { code: string } }) {
+  const game = await getGame(params.code);
+  if (!game) {
+    notFound();
+  }
+
+  return <GameAuthWrapper initialLobby={game} />;
+}