feat: Hente ingredienser, allergener og næringsinnhold fra backend

[taraa]

Beskrivelse

Produktdetaljsiden henter allerede produktinformasjon og priser via GraphQL, men ingredienser, allergener og næringsinnhold mangler foreløpig.

Målet er å hente disse opplysningene fra backend og vise dem dynamisk for hvert produkt, i stedet for å vise at informasjonen ikke er tilgjengelig.

Foreslått løsning

• Undersøke om Kassalapp-datasettet inneholder ingredienser, allergener og næringsverdier.
• Utvide databasen og importskriptet ved behov.
• Legge til relevante felt i GraphQL-skjemaet.
• Oppdatere productQueries.ts og ProductDetailsPage.tsx til å hente og vise informasjonen.
• Beholde eksisterende design og støtte for light mode og dark mode.
• Håndtere produkter som mangler informasjon.

Akseptansekriterier

• Produktinformasjonen hentes dynamisk fra backend.
• Ingredienser, allergener og næringsinnhold vises korrekt når data er tilgjengelige.
• Ingen hardkodede produktopplysninger.
• Manglende data håndteres uten feil.
• Eksisterende funksjonalitet fungerer fortsatt.
• npm run build fullføres uten feil.

Design/mockup

Avhengigheter

• task: Produktinformasjon hentes fra backend via GraphQL. #41 – Produktinformasjon hentes fra backend via GraphQL.
• Tilgang til relevante produktdata i Kassalapp eller en annen egnet datakilde dersom feltene mangler.