Improve MineGeo UI and application flows

app/tournaments/[id]/page.tsx

@@ -0,0 +1,24 @@
+import { Header, Footer } from "@/components/Shell";
+import { TournamentLobby } from "@/components/TournamentLobby";
+import { user } from "@/lib/supabase";
+import { notFound } from "next/navigation";
+import { z } from "zod";
+
+export default async function TournamentPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+  if (!z.string().uuid().safeParse(id).success) notFound();
+  const account = await user();
+  return (
+    <>
+      <Header />
+      <main id="main-content">
+        <TournamentLobby id={id} signedIn={!!account} />
+      </main>
+      <Footer />
+    </>
+  );
+}

app/tournaments/page.tsx

@@ -0,0 +1,16 @@
+import { Header, Footer } from "@/components/Shell";
+import { TournamentIndex } from "@/components/TournamentLobby";
+import { user } from "@/lib/supabase";
+
+export default async function TournamentsPage() {
+  const account = await user();
+  return (
+    <>
+      <Header />
+      <main id="main-content">
+        <TournamentIndex signedIn={!!account} />
+      </main>
+      <Footer />
+    </>
+  );
+}