Fix vite and cra setup

Author: garronej

test/integration/cra/.gitignore

@@ -23,3 +23,5 @@ yarn-debug.log*
 yarn-error.log*
 
 /public/dsfr
+
+/public/dsfr/

test/integration/cra/src/Home.tsx

@@ -1,6 +1,5 @@
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
 import { useIsDark, fr } from "@codegouvfr/react-dsfr";
-import { DarkModeSwitch } from "@codegouvfr/react-dsfr/DarkModeSwitch";
 
 export function Home() {
     const { isDark, setIsDark } = useIsDark();
@@ -9,7 +8,7 @@ export function Home() {
         <>
 
             <Alert
-                isClosable={true}
+                closable
                 severity="success"
                 title="Success: This is the title"
                 description="This is the description"
@@ -30,8 +29,6 @@ export function Home() {
             <button onClick={() => setIsDark(false)}>Set color scheme to light</button>
             <button onClick={() => setIsDark("system")}>Set color scheme to system</button>
 
-            <DarkModeSwitch />
-
         </>
     );
 }

test/integration/cra/src/index.tsx

@@ -7,6 +7,7 @@ import { useRoute, RouteProvider } from "./router";
 import { Header } from "@codegouvfr/react-dsfr/Header";
 import { fr } from "@codegouvfr/react-dsfr";
 import { routes } from "./router";
+import { Display, headerFooterDisplayItem } from "@codegouvfr/react-dsfr/Display";
 
 startReactDsfr({
     "defaultColorScheme": "system"
@@ -29,6 +30,7 @@ function Root() {
             <Header
                 brandTop={<>INTITULE<br />OFFICIEL</>}
                 serviceTitle="Nom du site / service"
+                quickAccessItems={[headerFooterDisplayItem]}
                 homeLinkProps={{ ...routes.home().link, "title": "Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)" }}
                 navItems={[
                         {
@@ -56,6 +58,7 @@ function Root() {
                     }
                 })()}
             </div>
+            <Display />
         </>
     );
 

test/integration/vite/src/main.tsx

@@ -6,7 +6,7 @@ import { startReactDsfr, createDsfrLinkProvider, fr } from "@codegouvfr/react-ds
 import { Header } from "@codegouvfr/react-dsfr/Header";
 import { BrowserRouter } from "react-router-dom";
 import { Routes, Route, Link, useLocation } from "react-router-dom";
-import { Display, headerQuickAccessDisplay } from "@codegouvfr/react-dsfr/Display";
+import { Display, headerFooterDisplayItem } from "@codegouvfr/react-dsfr/Display";
 startReactDsfr({ "defaultColorScheme": "system" });
 
 declare module "@codegouvfr/react-dsfr" {
@@ -37,7 +37,7 @@ function Root() {
                 brandTop={<>INTITULE<br />OFFICIEL</>}
                 serviceTitle="Nom du site / service"
                 homeLinkProps={{ "to": "/", "title": "Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)" }}
-                quickAccessItems={[headerQuickAccessDisplay]}
+                quickAccessItems={[headerFooterDisplayItem]}
                 navItems={[
                     {
                         "text": "Home",