77 feat implementere sortering av aktive handlelister

[taraa]

Beskrivelse

Implementerer sortering av aktive handlelister på siden «Mine handlelister».

Brukeren kan velge hvordan listene skal sorteres, samtidig som handlelisten merket «I BRUK» alltid vises først.
Valgene vil være lagret ved refresh av siden.

Oppdatert README

Relaterte issues

Closes #77

Relatert til #62 og #63.

Endringer gjort

• Lagt til sorteringsmeny for aktive handlelister.
• Implementert sortering etter dato og listenavn.
• Støtter nyeste først, eldste først, navn A–Å og navn Å–A.
• Sikrer at handlelisten «I BRUK» alltid vises først.
• Lagrer sorteringsvalget i localStorage.
• Tilpasset sorteringsmenyen til eksisterende design og CSS-variabler.
• Justert plasseringen av sorteringsmenyen i forhold til navigasjonsfanene.
• Oppdatert README.md med funksjonalitet og tekniske valg for aktive og tidligere handlelister (feat: Implementere oversikt over aktive handlelister #62, feat: Implementere oversikt over tidligere handlelister #70 og feat: Implementere sortering av aktive handlelister og oppdatering av dev #77).
• Dokumentert søk, sortering, paginering og lagring av brukerinnstillinger i localStorage.
• Dokumentert gjenstående arbeid med GraphQL-integrasjon, detaljsider og gjenbruk av handlelister.

Testing

• npm run build fullført uten feil.
• Sorteringsalternativene implementert.
• Lagring av sorteringsvalget implementert.
• Endelig kontroll av mobilvisning og lys modus.
• README oppdatert med nye funksjoner og tekniske valg.

Gjenstående arbeid

• Erstatte mockdata med GraphQL-data (feat: Integrere handlelisteoversikt med GraphQL #63).
• Bruke faktisk tidspunkt for siste endring når dette blir tilgjengelig fra backend. Foreløpig brukes createdAt til datosortering.

Design

Videreutvikling av Figma-designet «Mine handlelister» (FIG. 6).

Darkmode

Lightmode

mobil