feat: startside fra Figma (#39)

[ingrihka]

Beskrivelse

Startsiden til Handlelappen, laget etter Figma-designet «Home». Startsiden er utgangspunktet for navigasjon i appen: søk etter varer, bla i kategorier og se den aktive handlelappen.

Dette er en draft. Header og kobling til de andre sidene (søk, handleliste) gjøres i fellesskap på møtet, som avtalt 12.10.

Relaterte issues

Del av #39 (stenges når header og navigasjon er på plass)

Endringer gjort

• Ny side i frontend/src/pages/home/ (HomePage.tsx og HomePage.css)
• Hero: etikett, overskrift, ingress, stort søkefelt med Søk-knapp og statistikk
• Den aktive lappen: notatark med varer som kan krysses av, estimert sum og «Åpne lappen»
• Kategorier: 8 kategorikort i rutenett på rutet bakgrunn
• Bunntekst
• Bruker Lindes komponentklasser (search-field, button, note-item, checkbox, category-card) og variablene i theme.css, så lys/mørk modus følger systeminnstillingen
• Tilpasset mindre skjermer: lappen legger seg under teksten, og kategoriene går fra 4 til 2 til 1 kolonne
• Semantisk HTML (main, section, aside, form role="search", footer) og aria-label der det trengs
• Data er foreløpig statiske og byttes ut med data fra backend senere
• App.tsx er ikke endret (testet lokalt)

Hva slags type fiks inneholder denne PR

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

Sjekkliste

• Testet lokalt
• Dokumentert endringer
• Sjekket for feilmeldinger

Skjermbilder

[lindeav]

Dette ser bra ut! Ingenting er endret i filene som har felles avhengigheter så her godkjenner jeg uten å ha lest gjennom super nøye.