chore: fix lint/type issues from seven-feature integration

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

@@ -276,9 +276,6 @@ function HeroInfo({
     stats,
     session,
     counts,
-    coverImage,
-    imgError,
-    handleImgError,
     platformSupport,
     protonDbUrl,
     steamDbUrl,
@@ -290,9 +287,6 @@ function HeroInfo({
     stats: StatsResponse | null
     session: { user?: { id?: string } } | null
     counts: Counts
-    coverImage: string | null
-    imgError: boolean
-    handleImgError: () => void
     platformSupport: PlatformSupport[]
     protonDbUrl: string | null
     steamDbUrl: string | null
@@ -776,9 +770,6 @@ export function GamePageClient({
                             stats={stats}
                             session={session}
                             counts={counts}
-                            coverImage={coverImage}
-                            imgError={imgError}
-                            handleImgError={handleImgError}
                             platformSupport={platformSupport}
                             protonDbUrl={protonDbUrl}
                             steamDbUrl={steamDbUrl}
@@ -817,9 +808,6 @@ export function GamePageClient({
                             stats={stats}
                             session={session}
                             counts={counts}
-                            coverImage={coverImage}
-                            imgError={imgError}
-                            handleImgError={handleImgError}
                             platformSupport={platformSupport}
                             protonDbUrl={protonDbUrl}
                             steamDbUrl={steamDbUrl}

app/game/[id]/page.tsx

@@ -284,9 +284,9 @@ export default async function GamePage({
         estimatedBatteryMin: p.estimatedBatteryMin ?? null,
         tdpWatts: p.tdpWatts ?? null,
         youtubeVideoId: p.youtubeVideoId ?? null,
-        screenshots: null,
-        hardwareWattHours: null,
-        hardwareDeviceType: null,
+        screenshots: null as Array<{ id: string; url: string; width: number; height: number; orderIndex: number }> | null,
+        hardwareWattHours: null as number | null,
+        hardwareDeviceType: null as string | null,
         customSystem: p.customSystem ?? false,
         userNotes: p.userNotes,
         userId: p.userId,
@@ -319,7 +319,7 @@ export default async function GamePage({
             width: ss.width,
             height: ss.height,
             orderIndex: ss.orderIndex,
-        })) as any
+        }))
 
         const [hw] = await db
             .select({
@@ -330,8 +330,8 @@ export default async function GamePage({
             .where(eq(hardware.slug, preset.hardwareSlug))
             .limit(1)
 
-        preset.hardwareWattHours = hw?.wattHours ? Number(hw.wattHours) : null as any
-        preset.hardwareDeviceType = (hw?.deviceType ?? null) as any
+        preset.hardwareWattHours = hw?.wattHours ? Number(hw.wattHours) : null
+        preset.hardwareDeviceType = hw?.deviceType ?? null
     }
 
     return (

app/games/games-page-client.tsx

@@ -269,9 +269,8 @@ export function GamesPageClient({
     )
   }
 
-  function FilterPanelContent() {
-    return (
-      <>
+  const filterPanelContent = (
+    <>
               {/* Device filter */}
               <div>
                 <span className="text-xs text-text/50 uppercase tracking-wider mb-1.5 block">
@@ -491,8 +490,7 @@ export function GamesPageClient({
               )}
 
       </>
-    )
-  }
+  )
 
   return (
     <section ref={pageRef} className={`w-full flex flex-col gap-8 py-8 ${isGamepadActive ? "gamepad-focus" : ""}`}>
@@ -608,7 +606,7 @@ export function GamesPageClient({
           {/* Mobile drawer */}
           <FilterDrawer isOpen={showFilters} onClose={() => setShowFilters(false)}>
             <div className="flex flex-col gap-3">
-              <FilterPanelContent />
+              {filterPanelContent}
             </div>
           </FilterDrawer>
 
@@ -620,7 +618,7 @@ export function GamesPageClient({
               exit={{ opacity: 0, height: 0 }}
               className="hidden lg:flex flex-col gap-3 pt-1"
             >
-              <FilterPanelContent />
+              {filterPanelContent}
             </motion.div>
           )}
         </div>