## Beskrivelse Implementere en felles header-komponent for Handlelappen basert på gruppens Figma-design og eksisterende tema. Headeren skal bidra til en helhetlig visuell profil og gjøre det enklere å navigere mellom de ulike delene av applikasjonen. Headeren på startsiden prioriteres først, men komponenten skal utformes slik at den kan gjenbrukes på andre sider. Det skal også opprettes en egen, gjenbrukbar menyknappkomponent som foreløpig fungerer som en placeholder for senere navigasjonsfunksjonalitet. ## Foreslått løsning - Opprette eller ferdigstille `Header.tsx` og tilhørende CSS i `frontend/src/components/header/`. - Opprette en gjenbrukbar menyknappkomponent, for eksempel `MenuButton.tsx`. - Bruke logoen fra Ingri når den er tilgjengelig. - Benytte eksisterende CSS-variabler fra `theme.css`. - Tilpasse headeren til Figma-designet, med hjemmesiden som første prioritet. - Sørge for at komponentene fungerer på desktop, nettbrett og mobil. - Støtte både light og dark mode. - Bruke semantisk HTML og tilgjengelige knapper. ## Akseptansekriterier - [x] Headeren følger Figma-designet. - [x] Headeren fungerer på startsiden. - [x] Headeren kan gjenbrukes på andre sider. - [x] Logoen vises korrekt. - [x] En egen menyknappkomponent er opprettet. - [x] Menyknappen har tydelig placeholder-funksjonalitet. - [x] Komponentene fungerer med tastatur og har synlig fokus. - [x] Responsivt design fungerer på desktop, nettbrett og mobil. - [x] Light og dark mode støttes gjennom `theme.css`. - [x] Frontend build og lint kjører uten feil. ## Avhengigheter - Issue #32 – Felles tema og komponenter fra Figma (Linde). - Issue #39 – Startside fra Figma (Ingri). ## Avgrensning Fullstendig navigasjon og kobling mellom sidene håndteres i en egen integrasjonsoppgave.