Use object-contain for box art to prevent cropping

Wrap the box art img in a div with the game color as background and
switch from object-cover to object-contain. This shows the full box art
without cropping, especially important for the taller Switch-era cases.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/components/GameCard.tsx

@@ -23,12 +23,14 @@ export function GameCard({ game, selected, onSelect }: GameCardProps) {
       }`}
     >
       {imgIdx < boxArtSrcs.length ? (
-        <img
+        <div className="w-full h-48" style={{ backgroundColor }}>
-          src={boxArtSrcs[imgIdx]}
+          <img
-          alt={game.name}
+            src={boxArtSrcs[imgIdx]}
-          className="w-full h-48 object-cover"
+            alt={game.name}
-          onError={() => setImgIdx((i) => i + 1)}
+            className="w-full h-full object-contain"
-        />
+            onError={() => setImgIdx((i) => i + 1)}
+          />
+        </div>
       ) : (
         <div
           className="w-full h-48 flex items-center justify-center"