## Beskrivelse Implementere en oversiktsside som viser brukerens tidligere fullførte handlelister, basert på Figma-designet «Tidligere handlelister». Formålet er å gjøre det enkelt for brukeren å finne igjen tidligere handlelister og få oversikt over tidligere innkjøp. ## Foreslått løsning - Lage en oversikt over tidligere handlelister, gruppert etter måned og år. - Vise dato, listenavn, antall varer og estimert totalpris. - Lage en gjenbrukbar komponent for hver tidligere handleliste. - Implementere søk etter tidligere handlelister. - Implementere sortering etter dato. - Legge til «Last inn flere»-knapp dersom det finnes flere lister. - Legge til «Bruk på nytt»-knapp som senere kobles til funksjonalitet for å gjenbruke en handleliste. - Bruke eksisterende designvariabler fra `theme.css`. - Sørge for responsivt design og støtte for lys og mørk modus. ## Akseptansekriterier - [ ] Tidligere handlelister vises gruppert etter måned og år. - [ ] Hver liste viser dato, listenavn, antall varer og estimert totalpris. - [ ] Brukeren kan søke etter tidligere handlelister. - [ ] Brukeren kan sortere listene etter dato. - [ ] Flere lister kan vises ved behov. - [ ] Siden følger Figma-designet. - [ ] Siden fungerer på mobil og desktop. - [ ] Lys og mørk modus støttes. ## Design/mockup Figma: «Tidligere handlelister» (FIG. 10). ## Avhengigheter - #62 – Oversikt over aktive handlelister, for felles design og navigasjon. - #63 – GraphQL-integrasjon for å hente tidligere handlelister fra databasen. - #59 – Detaljside for tidligere handleliste, dersom brukeren skal kunne åpne en gammel liste. **Merk:** Første implementasjon bruker mockdata. GraphQL-integrasjon og eventuell funksjonalitet for «Bruk på nytt» kobles til i egne oppgaver.