feat: non-Steam game edit page and edit button on game details

app/game/[id]/edit/page.tsx

@@ -0,0 +1,90 @@
+import { notFound, redirect } from "next/navigation"
+import { headers } from "next/headers"
+import { db } from "@/lib/db/index"
+import { games, gamePlatformSupport, hardware } from "@/lib/db/schema"
+import { eq } from "drizzle-orm"
+import { auth } from "@/lib/auth"
+import { NonSteamEditForm } from "@/components/wizard/non-steam-edit-form"
+
+export const dynamic = "force-dynamic"
+
+export const metadata = {
+  title: "Edit Game",
+}
+
+async function resolveGame(id: string) {
+  const isNumeric = /^\d+$/.test(id)
+  if (isNumeric) {
+    const rows = await db.select().from(games).where(eq(games.steamAppId, Number(id))).limit(1)
+    return rows[0]
+  }
+  const rows = await db.select().from(games).where(eq(games.id, id)).limit(1)
+  return rows[0]
+}
+
+export default async function EditGamePage({
+  params,
+}: {
+  params: Promise<{ id: string }>
+}) {
+  const { id } = await params
+  const h = await headers()
+  const session = await auth.api.getSession({ headers: h })
+  if (!session?.user) redirect("/login")
+
+  const game = await resolveGame(id)
+  if (!game) notFound()
+
+  if (game.source === "steam") {
+    notFound()
+  }
+
+  const platformSupport = await db
+    .select()
+    .from(gamePlatformSupport)
+    .where(eq(gamePlatformSupport.gameId, game.id))
+
+  const hardwareList = await db
+    .select({ slug: hardware.slug, name: hardware.name, deviceType: hardware.deviceType })
+    .from(hardware)
+    .orderBy(hardware.sortOrder)
+
+  const serializedGame = {
+    id: game.id,
+    title: game.title,
+    developer: game.developer,
+    publisher: game.publisher,
+    description: game.description,
+    source: game.source,
+    storeUrl: game.storeUrl,
+    headerImage: game.headerImage,
+    capsuleImage: game.capsuleImage,
+    genres: game.genres,
+    releaseDate: game.releaseDate,
+    createdBy: game.createdBy,
+  }
+
+  const serializedPlatformSupport = platformSupport.map(ps => ({
+    hardwareSlug: ps.hardwareSlug,
+    isSupported: ps.isSupported,
+    protonStatus: ps.protonStatus,
+  }))
+
+  return (
+    <div className="max-w-3xl mx-auto px-4 py-8 w-full">
+      <div className="mb-8">
+        <h1 className="text-2xl font-bold mb-2">Edit Game</h1>
+        <p className="text-sm text-text/60">
+          Update details for <span className="text-text font-medium">{game.title}</span>
+        </p>
+      </div>
+      <NonSteamEditForm
+        game={serializedGame}
+        platformSupport={serializedPlatformSupport}
+        hardwareList={hardwareList}
+        isOwner={session.user.id === game.createdBy}
+        isAdmin={session.user.role === "admin"}
+      />
+    </div>
+  )
+}

app/game/[id]/game-page-client.tsx

@@ -17,6 +17,7 @@ import {
     ThumbsDownIcon,
     GaugeIcon,
     ChevronDownIcon,
+    PencilIcon,
 } from "lucide-react"
 import Link from "next/link"
 import { useSession } from "@/lib/auth-client"
@@ -589,6 +590,15 @@ export function GamePageClient({
                         {stats && (
                             <div className='flex flex-wrap items-center gap-2 mt-2'>
                                 <BookmarkButton gameId={game.id} />
+                                {session?.user && game.source !== "steam" && (
+                                    <Link
+                                        href={`/game/${gameId}/edit`}
+                                        className='inline-flex items-center gap-2 px-3 py-2 rounded-lg border border-border text-sm text-text/70 hover:bg-text/5 transition-colors cursor-pointer'
+                                    >
+                                        <PencilIcon className='h-4 w-4' />
+                                        Edit Game
+                                    </Link>
+                                )}
                                 {session && (
                                     <Link
                                         href={`/game/${game.id}/submit`}