Tester for MovieCard, MovieList, SearchField

[clemenbe]

Kort om testene.

setup.ts kjører før hver testfil. Den legger inn en stub for window.matchMedia,
som ikke finnes i jsdom. Uten den krasjer alt som rendrer Sidebar, fordi
useMediaQuery kaller den med en gang.

utils.tsx er to hjelpere: lagFilm bygger en testfilm så vi slipper å skrive ut
alle feltene hver gang, og renderMedQuery pakker komponenten i en
QueryClientProvider, som alt som bruker TanStack Query trenger.

sortAndFilterMovies: filtrering, alle tre sorteringene, og at funksjonen ikke
endrer lista den får inn.

SearchField: at feltet finnes via labelen, altså at htmlFor og id henger sammen,
og at onChange kalles én gang per tastetrykk. Det siste bekrefter at feltet er
kontrollert.

Sidebar: at klikk på pila endrer både menyen og aria-expanded samtidig, og at
FAVORITTER setter riktig visning.

MovieCard: props og snapshot. Snapshotet venter til skuespillerne er lastet,
ellers ville det feilet tilfeldig.

MovieList: mocking. Bytter ut api-modulen, og sjekker i tillegg at global fetch
aldri kalles, så vi vet at testene ikke går på nettet.

Testene fant to ekte feil: MovieList mangler key, og MovieCard sender tom streng
som src når en film mangler plakat. Egne issues på begge.

Closes #61