Feature/spillkort

[laspark]

Description

Legger til visning 3 av søkeresultatene, en utstillingsrad med ett spill per rad: stort bilde til venstre og tittel, alle sjangre, rating og Metacritic til høyre. Visningsvalget over lista er samtidig endret fra ord til tall, så det står «visning 1 2 3».

Endringer:

• types/game.ts: ny felles type GameView ('list' | 'grid' | 'showcase'), så visningene er definert ett sted
• GameCard.tsx: støtter showcase. Viser alle sjangre og Metacritic i alle visninger unntatt rutenett
• GameCard.css: ny seksjon for visning 3: stort bilde, større tittel, store tall for rating/Metacritic, favoritt-knapp nederst. Bildet legger seg over teksten under 640px
• GameList.tsx: bruker GameView
• App.tsx: visningsvalget viser «visning 1 2 3». Knappene har aria-pressed, aria-label («Visning 1: liste» osv.) og title, så det er tydelig hva hver visning er

Merknader:

• Branchen inneholder også en merge av dev

KI-bruk: Claude ble brukt til å lage skisser av tre alternativer og foreslå kodeendringene. Jeg valgte alternativ, la inn endringene selv og testet i nettleseren.

Related Issue

#55 og #57

Closes #55, closes #57

Changes made

• Bug fix
• Ny funksjonalitet
• Refactor
• Dokumentasjon
• Testing

Checklist

• Testet lokalt
• Dokumentert endringer
• Sjekket for feilmeldinger