refactor: improved static element import

src/components/HomepageFeatures.js

@@ -5,6 +5,11 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 
+import bouclier from "@site/static/img/components/HomepagePromises/bouclier.svg"
+import rgpd from "@site/static/img/components/HomepagePromises/rgpd.svg"
+import liberte from "@site/static/img/components/HomepagePromises/liberte.svg"
+
+
 const FeatureList = [
   {
     id: 5,

src/components/HomepagePromises.js

@@ -2,10 +2,14 @@ import React from "react";
 import clsx from "clsx";
 import styles from "./HomepagePromises.module.css";
 
+import bouclier from "@site/static/img/components/HomepagePromises/bouclier.svg"
+import rgpd from "@site/static/img/components/HomepagePromises/rgpd.svg"
+import liberte from "@site/static/img/components/HomepagePromises/liberte.svg"
+
 const PromiseList = [
   {
     title: "Sécurisé",
-    Svg: require("../../static/img/components/HomepagePromises/bouclier.svg").default,
+    Svg: bouclier,
     alt: "Icône d'un bouclier bleu",
     description: (
       <>
@@ -15,7 +19,7 @@ const PromiseList = [
   },
   {
     title: "Souverain",
-    Svg: require("../../static/img/components/HomepagePromises/rgpd.svg").default,
+    Svg: rgpd,
     alt: "Icône d'un cadenas avec inscrit RGPD",
     description: (
       <>
@@ -25,7 +29,7 @@ const PromiseList = [
   },
   {
     title: "Libre",
-    Svg: require("../../static/img/components/HomepagePromises/liberte.svg").default,
+    Svg: liberte,
     alt: "Icône de menottes brisées",
     description: (
       <>