Enrich product with map and data coming from LVAO

[fabienheureux]

Ref https://www.notion.so/accelerateur-transition-ecologique-ademe/Ajout-d-un-tableau-associatif-pour-ajouter-la-carte-dans-l-assistant-8f7f06b439f64d319675731e343ed4af?pvs=4

• Mise à jour de Gatsby, styled-components, preact, react, axios, webpack et pas mal de dépendances "utilitaires". J'ai mis de côté les dépendances fonctionnelles (copy to clipboard, etc)
• Mise à jour de react-query et modernisation de son implémentation
• Récupération des changements de https://github.com/incubateur-ademe/quefairedemesdechets/pull/86
• Ajout de l'iframe lorsque côté LVAO la sous-catégorie est sélectionnée
• Appel à l'API LVAO sur les fiches produits pour récupérer la carte associée

TODO

• [x] Avant le déploiement, rajouter la variable d'environnement côté Netlify pour définir l'URL de l'API LVAO
• [x] Passer le build netlify en node 20 (bloque le build)
• [ ] Prévenir Nico du fait qu'il faille probablement supprimer les node_modules + yarn.lock et réinstaller les node_modules (cf problème en local)
• [ ] Voir si on peut faire l'appel côté serveur uniquement lors du build Gatsby (à voir dans une autre PR)

  ---

La partie backend est gérée ici https://github.com/incubateur-ademe/quefairedemesobjets/pull/681

[netlify[bot]]

❌ Deploy Preview for quefaire failed.

Name	Link
🔨 Latest commit	5457626577212f8da1100d9f7b025b8b6012a47f
🔍 Latest deploy log	https://app.netlify.com/sites/quefaire/deploys/668ea214f52f7c0008bdb0af