74 cleanup duplikate komponentet

[lindeav]

Beskrivelse

Mange av komponentene fra figma stylingen var bare css, så vi har bygget samme html for hånd på flere sider. Nå har jeg laget tsx for de som faktisk brukes og byttet ut der de var laget manuelt. Utseendet er det samme som før, bortsett fra søkefeltet i headeren og filtrene på søkesiden som nå følger figma.

Dette er første del. Komponentene som trengs til aktiv handleliste (QuantityStepper og ShoppingListRow) kommer i en egen PR.

Relaterte issues

Relatert til #74

Endringer gjort

• Laget Checkbox og brukt den på forsiden og i filtrene på søkesiden
• Laget Button og brukt den på forsiden og i headeren
• Laget SearchField som brukes både på forsiden og i headeren, den søker bare når man trykker enter
• Laget NoteItem og CategoryCard og brukt dem på forsiden
• Laget FilterChip og FilterRow og brukt dem på søkesiden
• Fjernet css som var kopiert fra komponentene inn i sidene
• Fjernet SearchInput.tsx og css for search-results-searchbar siden de ikke ble brukt

Hva slags type fiks inneholder denne PR

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

Sjekkliste

• Testet lokalt
• Dokumentert endringer
• Sjekket for feilmeldinger

Skjermbilder

Etter endringene. Relativt likt utseende.