## Beskrivelse Implementere sorteringsmuligheter på oversiktssiden for aktive handlelister, slik at brukeren enklere kan organisere og finne handlelistene sine. ### Dokumentasjon - Oppdatere `README.md` med implementert funksjonalitet for aktive og tidligere handlelister (#62, #70 og #77). - Dokumentere sorteringsvalg, lagring med `localStorage` og bruk av mockdata. - Beskrive tekniske valg, begrensninger og videre GraphQL-integrasjon. ## Foreslått løsning - Legge til en nedtrekksmeny for sortering på siden «Mine handlelister». - Støtte følgende sorteringsvalg: - Sist endret (standard) - Eldste først - Navn A–Å - Navn Å–A - Handlelisten merket «I BRUK» skal alltid vises først. - Lagre valgt sortering i `localStorage`, slik at innstillingen beholdes ved navigasjon og oppdatering av nettsiden. - Bruke eksisterende designvariabler fra `theme.css`. - Sørge for responsivt design med støtte for lys og mørk modus. ## Akseptansekriterier - Brukeren kan velge mellom de fire sorteringsalternativene. - Handlelistene vises i riktig rekkefølge. - Handlelisten som er «I BRUK», vises alltid først. - Valgt sortering beholdes etter oppdatering av nettsiden. - Sorteringen fungerer med eksisterende mockdata. - Funksjonaliteten fungerer på mobil og desktop. - Lys og mørk modus støttes. ## Design/mockup Videreutvikling av Figma-designet «Mine handlelister» (FIG. 6). ## Avhengigheter - #62 – Oversikt over aktive handlelister. - #63 – GraphQL-integrasjon for handlelisteoversikten. **Merk:** Eksisterende mockdata benyttes først. Modellen har foreløpig `createdAt`, som kan brukes til datosortering frem til et eget tidspunkt for siste endring er tilgjengelig. README-oppdateringen samles i denne oppgaven, men dokumenterer også funksjonalitet fra #62 og #70.