diff --git a/.eslintrc.js b/.eslintrc.js
index 5cae7dd8..46370a4c 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -155,6 +155,10 @@ const config = {
         "plugin:@typescript-eslint/stylistic",
         "plugin:@typescript-eslint/recommended-type-checked",
       ],
+      parserOptions: {
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+      },
       plugins: [
         "@typescript-eslint",
         "typescript-sort-keys"
diff --git a/package.json b/package.json
index c45794b4..6a44897d 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
     "eslint-config-next": "^14.0.3",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-lodash": "^7.4.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-typescript-sort-keys": "^3.1.0",
@@ -62,4 +63,4 @@
     "tsconfig-paths": "^4.2.0",
     "typescript": "^5.3.2"
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/DeclarationAccessibilite.tsx b/src/components/DeclarationAccessibilite.tsx
index c9e46cdc..68a813c1 100644
--- a/src/components/DeclarationAccessibilite.tsx
+++ b/src/components/DeclarationAccessibilite.tsx
@@ -10,8 +10,7 @@ export const DeclarationAccessibilite = ({
     <div>
       <h1>Déclaration d’accessibilité</h1>
       <p>
-        <span>{produit}</span> s’engage à rendre son service accessible,
-        conformément à{" "}
+        <span>{produit}</span> s’engage à rendre son service accessible, conformément à{" "}
         <a href="https://www.legifrance.gouv.fr/loda/article_lc/LEGIARTI000037388867/">
           l’article 47 de la loi n° 2005-102 du 11 février 2005.
         </a>
@@ -35,10 +34,9 @@ export const DeclarationAccessibilite = ({
       </p>
       <h2>Amélioration et contact</h2>
       <p>
-        Si vous n’arrivez pas à accéder à un contenu ou à un service, vous
-        pouvez contacter le responsable de <span>{organisme}</span> pour être
-        orienté vers une alternative accessible ou obtenir le contenu sous une
-        autre forme.
+        Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable de{" "}
+        <span>{organisme}</span> pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre
+        forme.
       </p>
       <ul className="basic-information feedback h-card">
         <li>
@@ -47,18 +45,14 @@ export const DeclarationAccessibilite = ({
       </ul>
       <h2>Voie de recours</h2>
       <p>
-        Cette procédure est à utiliser dans le cas suivant : vous avez signalé
-        au responsable du site internet un défaut d’accessibilité qui vous
-        empêche d’accéder à un contenu ou à un des services du portail et vous
-        n’avez pas obtenu de réponse satisfaisante.
+        Cette procédure est à utiliser dans le cas suivant : vous avez signalé au responsable du site internet un défaut
+        d’accessibilité qui vous empêche d’accéder à un contenu ou à un des services du portail et vous n’avez pas
+        obtenu de réponse satisfaisante.
       </p>
       <p>Vous pouvez :</p>
       <ul>
         <li>
-          Écrire un message au{" "}
-          <a href="https://formulaire.defenseurdesdroits.fr/">
-            Défenseur des droits
-          </a>
+          Écrire un message au <a href="https://formulaire.defenseurdesdroits.fr/">Défenseur des droits</a>
         </li>
         <li>
           Contacter{" "}
diff --git a/src/components/MentionPart.tsx b/src/components/MentionPart.tsx
index 1f031f80..5919912a 100644
--- a/src/components/MentionPart.tsx
+++ b/src/components/MentionPart.tsx
@@ -1,9 +1,9 @@
-export type MentionPartProps = {
-  title: string;
-  description: string;
+export interface MentionPartProps {
   children?: React.ReactNode | React.ReactNode[];
+  description: string;
   divProps?: React.HTMLAttributes<HTMLDivElement>;
-};
+  title: string;
+}
 
 export const MentionPart = (props: MentionPartProps): JSX.Element => {
   return (
diff --git a/src/components/StatTile.tsx b/src/components/StatTile.tsx
index 481372c8..dbcc65d6 100644
--- a/src/components/StatTile.tsx
+++ b/src/components/StatTile.tsx
@@ -1,10 +1,10 @@
 import { fr } from "@codegouvfr/react-dsfr";
 
-export type StatTileProps = {
+export interface StatTileProps {
+  description?: React.ReactNode | string;
+  stats: number | string;
   title: string;
-  stats: string | number;
-  description?: string | React.ReactNode;
-};
+}
 
 export const StatTile = (props: StatTileProps): JSX.Element => {
   return (
diff --git a/src/lib/matomo.ts b/src/lib/matomo.ts
index 2000df46..33de15eb 100644
--- a/src/lib/matomo.ts
+++ b/src/lib/matomo.ts
@@ -1,8 +1,8 @@
-export type MatomoResult = {
+export interface MatomoResult {
   nbPageViews: number;
   nbUniqPageViews: number;
   nbVisits: number;
-};
+}
 
 export const fetchMatomoData = async (): Promise<MatomoResult> => {
   const MATOMO_URL = [
@@ -14,7 +14,7 @@ export const fetchMatomoData = async (): Promise<MatomoResult> => {
       .then(data => data.json())
       .catch(() => {
         return null;
-      })
+      }),
   );
   const [nbVisitData, infoData] = await Promise.all(promises);
   return {
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index b9a8a9d4..d817efe7 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,6 +1,6 @@
-import type { NextPage } from "next";
-import { useEffect } from "react";
 import { push } from "@socialgouv/matomo-next";
+import { type NextPage } from "next";
+import { useEffect } from "react";
 
 const NotFound: NextPage = () => {
   useEffect(() => {
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index daddf7a7..6190d6fe 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,18 +1,17 @@
-import { ReactNode, useEffect } from "react";
-import type { AppProps } from "next/app";
-import Head from "next/head";
-import Link from "next/link";
-import { useRouter } from "next/router";
-
-import { createEmotionSsrAdvancedApproach } from "tss-react/next";
-import { createNextDsfrIntegrationApi } from "@codegouvfr/react-dsfr/next-pagesdir";
-import { Footer } from "@codegouvfr/react-dsfr/Footer";
 import { fr } from "@codegouvfr/react-dsfr";
-import { Header } from "@codegouvfr/react-dsfr/Header";
 import { headerFooterDisplayItem } from "@codegouvfr/react-dsfr/Display";
-import { init } from "@socialgouv/matomo-next";
+import { Footer } from "@codegouvfr/react-dsfr/Footer";
+import { Header } from "@codegouvfr/react-dsfr/Header";
 import { MuiDsfrThemeProvider } from "@codegouvfr/react-dsfr/mui";
+import { createNextDsfrIntegrationApi } from "@codegouvfr/react-dsfr/next-pagesdir";
+import { init } from "@socialgouv/matomo-next";
+import { type AppProps } from "next/app";
+import Head from "next/head";
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { type ReactNode, useEffect } from "react";
 import { useStyles } from "tss-react/dsfr";
+import { createEmotionSsrAdvancedApproach } from "tss-react/next";
 
 declare module "@codegouvfr/react-dsfr/next-pagesdir" {
   interface RegisterLink {
@@ -50,12 +49,11 @@ const { withDsfr, dsfrDocumentApi } = createNextDsfrIntegrationApi({
   ],
 });
 
-const { augmentDocumentWithEmotionCache, withAppEmotionCache } =
-  createEmotionSsrAdvancedApproach({
-    key: "css",
-  });
+const { augmentDocumentWithEmotionCache, withAppEmotionCache } = createEmotionSsrAdvancedApproach({
+  key: "css",
+});
 
-export { dsfrDocumentApi, augmentDocumentWithEmotionCache };
+export { augmentDocumentWithEmotionCache, dsfrDocumentApi };
 
 const brandTop = (
   <>
@@ -67,8 +65,7 @@ const brandTop = (
 
 const homeLinkPops = {
   href: "/",
-  title:
-    "Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)",
+  title: "Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)",
 };
 
 const bottomLinks = [
@@ -97,8 +94,8 @@ const bottomLinks = [
         process.env.NEXT_PUBLIC_APP_VERSION
           ? `/releases/tag/v${process.env.NEXT_PUBLIC_APP_VERSION}`
           : process.env.NEXT_PUBLIC_APP_VERSION_COMMIT
-          ? `/commit/${process.env.NEXT_PUBLIC_APP_VERSION}`
-          : ""
+            ? `/commit/${process.env.NEXT_PUBLIC_APP_VERSION}`
+            : ""
       }`,
     },
   },
@@ -113,17 +110,9 @@ const Layout = ({ children }: { children: ReactNode }) => {
     <MuiDsfrThemeProvider>
       <Head>
         <title>Template | Fabrique numérique des ministères sociaux</title>
-        {contentSecurityPolicy && (
-          <meta
-            httpEquiv="Content-Security-Policy"
-            content={contentSecurityPolicy}
-          ></meta>
-        )}
+        {contentSecurityPolicy && <meta httpEquiv="Content-Security-Policy" content={contentSecurityPolicy}></meta>}
         <link rel="icon" href="/favicon.ico" />
-        <meta
-          name="description"
-          content="Template de la fabrique des ministères sociaux."
-        />
+        <meta name="description" content="Template de la fabrique des ministères sociaux." />
       </Head>
       <Header
         brandTop={brandTop}
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 793819a1..a41e7762 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -1,8 +1,8 @@
-import { Html, Head, Main, NextScript, DocumentProps } from "next/document";
-import { dsfrDocumentApi, augmentDocumentWithEmotionCache } from "./_app";
+import { type DocumentProps, Head, Html, Main, NextScript } from "next/document";
 
-const { getColorSchemeHtmlAttributes, augmentDocumentForDsfr } =
-  dsfrDocumentApi;
+import { augmentDocumentWithEmotionCache, dsfrDocumentApi } from "./_app";
+
+const { getColorSchemeHtmlAttributes, augmentDocumentForDsfr } = dsfrDocumentApi;
 
 export default function Document(props: DocumentProps) {
   return (
diff --git a/src/pages/accessibilite.tsx b/src/pages/accessibilite.tsx
index 89f492ba..274c8b95 100644
--- a/src/pages/accessibilite.tsx
+++ b/src/pages/accessibilite.tsx
@@ -1,8 +1,7 @@
-import React from "react";
-import type { NextPage } from "next";
-import Head from "next/head";
-
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
+import { type NextPage } from "next";
+import Head from "next/head";
+import React from "react";
 
 import { DeclarationAccessibilite } from "../components/DeclarationAccessibilite";
 
@@ -18,10 +17,7 @@ const Accessibilite: NextPage = () => {
           description={
             <>
               Utilisez le{" "}
-              <a href="https://betagouv.github.io/a11y-generateur-declaration/#create">
-                générateur de déclaration
-              </a>
-              .
+              <a href="https://betagouv.github.io/a11y-generateur-declaration/#create">générateur de déclaration</a>.
             </>
           }
           title={<>Cette page doit être mise à jour</>}
diff --git a/src/pages/cgu.tsx b/src/pages/cgu.tsx
index f1c60374..5d1aeac6 100644
--- a/src/pages/cgu.tsx
+++ b/src/pages/cgu.tsx
@@ -1,8 +1,7 @@
-import React from "react";
-import type { NextPage } from "next";
-import Head from "next/head";
-
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
+import { type NextPage } from "next";
+import Head from "next/head";
+import React from "react";
 
 import { MentionPart } from "../components/MentionPart";
 
diff --git a/src/pages/dsfr.tsx b/src/pages/dsfr.tsx
index e53fe851..7a9f0890 100644
--- a/src/pages/dsfr.tsx
+++ b/src/pages/dsfr.tsx
@@ -1,16 +1,13 @@
-import * as React from "react";
 import { fr } from "@codegouvfr/react-dsfr";
-
-import Head from "next/head";
-import { NextPage } from "next";
-
+import { Accordion } from "@codegouvfr/react-dsfr/Accordion";
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
 import { Button } from "@codegouvfr/react-dsfr/Button";
-import { Tabs } from "@codegouvfr/react-dsfr/Tabs";
 import { Card } from "@codegouvfr/react-dsfr/Card";
-import { Accordion } from "@codegouvfr/react-dsfr/Accordion";
-
+import { Tabs } from "@codegouvfr/react-dsfr/Tabs";
 import Stack from "@mui/material/Stack";
+import { type NextPage } from "next";
+import Head from "next/head";
+import * as React from "react";
 
 const Home: NextPage = () => {
   return (
@@ -18,19 +15,9 @@ const Home: NextPage = () => {
       <Head>
         <title>Template | Fabrique numérique des ministères sociaux</title>
       </Head>
-      <Alert
-        closable
-        description="Everything went well"
-        severity="success"
-        title="Message successfully sent"
-      />
+      <Alert closable description="Everything went well" severity="success" title="Message successfully sent" />
       <br />
-      <Alert
-        closable
-        description="Everything went bad"
-        severity="error"
-        title="Message NOT successfully sent"
-      />
+      <Alert closable description="Everything went bad" severity="error" title="Message NOT successfully sent" />
       <br />
       <Tabs
         tabs={[
@@ -55,12 +42,8 @@ const Home: NextPage = () => {
       />
       <br />
       <div className={fr.cx("fr-accordions-group")}>
-        <Accordion label="Name of the Accordion 1">
-          Content of the Accordion 1
-        </Accordion>
-        <Accordion label="Name of the Accordion 2">
-          Content of the Accordion 2
-        </Accordion>
+        <Accordion label="Name of the Accordion 1">Content of the Accordion 1</Accordion>
+        <Accordion label="Name of the Accordion 2">Content of the Accordion 2</Accordion>
       </div>
       <br />
       <Stack spacing={2} sx={{ mt: 5 }} direction="row">
diff --git a/src/pages/healthz.tsx b/src/pages/healthz.tsx
index 5fc045a8..6a01b5e7 100644
--- a/src/pages/healthz.tsx
+++ b/src/pages/healthz.tsx
@@ -1,4 +1,4 @@
-import type { NextPage } from "next";
+import { type NextPage } from "next";
 import React from "react";
 
 const HealthZ: NextPage = () => {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f8fab5b0..ec8cdf6a 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,10 +1,10 @@
-import * as React from "react";
-import Head from "next/head";
-import { NextPage } from "next";
-import { push as matomoPush } from "@socialgouv/matomo-next";
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
 import { Button } from "@codegouvfr/react-dsfr/Button";
 import Stack from "@mui/material/Stack";
+import { push as matomoPush } from "@socialgouv/matomo-next";
+import { type NextPage } from "next";
+import Head from "next/head";
+import * as React from "react";
 
 const Home: NextPage = () => {
   return (
@@ -12,12 +12,7 @@ const Home: NextPage = () => {
       <Head>
         <title>Template | Fabrique numérique des ministères sociaux</title>
       </Head>
-      <Alert
-        closable
-        description="Everything went well"
-        severity="success"
-        title="Message successfully sent"
-      />
+      <Alert closable description="Everything went well" severity="success" title="Message successfully sent" />
       <div className="fr-grid-row fr-grid-row--center fr-grid-row--middle fr-mb-8w fr-mt-8w">
         <div className="fr-col-12 fr-col-md-6">
           <h1>
@@ -27,18 +22,15 @@ const Home: NextPage = () => {
             </span>
           </h1>
           <p className="fr-mt-10w">
-            Pariatur veniam ipsum pariatur elit ullamco sit quis ipsum ad veniam
-            proident sunt. Qui ut irure in quis reprehenderit. Laborum anim ad
-            laboris ipsum magna ullamco consequat ex consectetur. Duis sit
-            adipisicing ipsum occaecat commodo consequat officia ea. Cupidatat
-            fugiat reprehenderit aliqua eiusmod mollit Lorem consectetur. Minim
-            elit proident eu qui exercitation mollit id esse velit et dolore
-            velit laboris. Ipsum occaecat Lorem occaecat magna excepteur veniam
-            ullamco cupidatat irure incididunt velit nulla.
+            Pariatur veniam ipsum pariatur elit ullamco sit quis ipsum ad veniam proident sunt. Qui ut irure in quis
+            reprehenderit. Laborum anim ad laboris ipsum magna ullamco consequat ex consectetur. Duis sit adipisicing
+            ipsum occaecat commodo consequat officia ea. Cupidatat fugiat reprehenderit aliqua eiusmod mollit Lorem
+            consectetur. Minim elit proident eu qui exercitation mollit id esse velit et dolore velit laboris. Ipsum
+            occaecat Lorem occaecat magna excepteur veniam ullamco cupidatat irure incididunt velit nulla.
           </p>
         </div>
         <div className="fr-col-12 fr-col-offset-md-1 fr-col-md-4">
-          {/* eslint-disable-next-line jsx-a11y/img-redundant-alt*/}
+          {}
           {/* eslint-disable-next-line @next/next/no-img-element*/}
           <img
             className="fr-mt-2w"
diff --git a/src/pages/mentions-legales.tsx b/src/pages/mentions-legales.tsx
index ffd9029c..384617d1 100644
--- a/src/pages/mentions-legales.tsx
+++ b/src/pages/mentions-legales.tsx
@@ -1,8 +1,7 @@
-import React from "react";
-import type { NextPage } from "next";
-import Head from "next/head";
-
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
+import { type NextPage } from "next";
+import Head from "next/head";
+import React from "react";
 
 import { MentionPart } from "../components/MentionPart";
 
@@ -32,10 +31,7 @@ const MentionsLegales: NextPage = () => {
             title="Directeur de la publication"
             description="Monsieur X et Madame X, Directeur de la publication"
           />
-          <MentionPart
-            title="Hébergement du site"
-            description="Ce site est hébergé par :"
-          >
+          <MentionPart title="Hébergement du site" description="Ce site est hébergé par :">
             <p className="fr-mb-2w">
               Microsoft Azure <br />
               37 Quai du Président Roosevelt <br />
@@ -53,21 +49,14 @@ const MentionsLegales: NextPage = () => {
           >
             <h3>Signaler un dysfonctionnement</h3>
             <p className="fr-mb-2w">
-              Si vous rencontrez un défaut d’accessibilité vous empêchant
-              d’accéder à un contenu ou une fonctionnalité du site, merci de
-              nous en faire part. Si vous n’obtenez pas de réponse rapide de
-              notre part, vous êtes en droit de faire parvenir vos doléances ou
-              une demande de saisine au Défenseur des droits.
+              Si vous rencontrez un défaut d’accessibilité vous empêchant d’accéder à un contenu ou une fonctionnalité
+              du site, merci de nous en faire part. Si vous n’obtenez pas de réponse rapide de notre part, vous êtes en
+              droit de faire parvenir vos doléances ou une demande de saisine au Défenseur des droits.
             </p>
 
             <p>
-              Pour en savoir plus sur la politique d’accessibilité numérique de
-              l’État&nbsp;:
-              <a
-                href="https://www.numerique.gouv.fr/publications/rgaa-accessibilite/"
-                target="_blank"
-                rel="noreferrer"
-              >
+              Pour en savoir plus sur la politique d’accessibilité numérique de l’État&nbsp;:
+              <a href="https://www.numerique.gouv.fr/publications/rgaa-accessibilite/" target="_blank" rel="noreferrer">
                 numerique.gouv.fr/publications/rgaa-accessibilite
               </a>
             </p>
diff --git a/src/pages/mui.tsx b/src/pages/mui.tsx
index f0888559..cdc75e3c 100644
--- a/src/pages/mui.tsx
+++ b/src/pages/mui.tsx
@@ -1,63 +1,56 @@
-import * as React from "react";
 import { MuiDsfrThemeProvider } from "@codegouvfr/react-dsfr/mui";
-import { ThemeProvider, createTheme, styled } from "@mui/material/styles";
 import { useIsDark } from "@codegouvfr/react-dsfr/useIsDark";
-import TextField from "@mui/material/TextField";
-import Autocomplete from "@mui/material/Autocomplete";
-import Stack from "@mui/material/Stack";
-import Button from "@mui/material/Button";
-import Chip from "@mui/material/Chip";
-import Typography from "@mui/material/Typography";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import Switch from "@mui/material/Switch";
-
-import Divider from "@mui/material/Divider";
-import Paper from "@mui/material/Paper";
-import MenuList from "@mui/material/MenuList";
-import MenuItem from "@mui/material/MenuItem";
-import ListItemText from "@mui/material/ListItemText";
-import ListItemIcon from "@mui/material/ListItemIcon";
-import ContentCut from "@mui/icons-material/ContentCut";
+import AddIcon from "@mui/icons-material/Add";
+import Cloud from "@mui/icons-material/Cloud";
 import ContentCopy from "@mui/icons-material/ContentCopy";
+import ContentCut from "@mui/icons-material/ContentCut";
 import ContentPaste from "@mui/icons-material/ContentPaste";
-import Cloud from "@mui/icons-material/Cloud";
-
-import dayjs, { Dayjs } from "dayjs";
-import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import { TimePicker } from "@mui/x-date-pickers/TimePicker";
-import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
-import { DesktopDatePicker } from "@mui/x-date-pickers/DesktopDatePicker";
-import { MobileDatePicker } from "@mui/x-date-pickers/MobileDatePicker";
-
-import Box from "@mui/material/Box";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import FavoriteIcon from "@mui/icons-material/Favorite";
+import MailIcon from "@mui/icons-material/Mail";
+import MoreVertIcon from "@mui/icons-material/MoreVert";
+import RemoveIcon from "@mui/icons-material/Remove";
+import ShareIcon from "@mui/icons-material/Share";
+import Autocomplete from "@mui/material/Autocomplete";
+import Avatar from "@mui/material/Avatar";
 import Badge from "@mui/material/Badge";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
 import ButtonGroup from "@mui/material/ButtonGroup";
-import AddIcon from "@mui/icons-material/Add";
-import RemoveIcon from "@mui/icons-material/Remove";
-import MailIcon from "@mui/icons-material/Mail";
-
-import Stepper from "@mui/material/Stepper";
-import Step from "@mui/material/Step";
-import StepLabel from "@mui/material/StepLabel";
-
-import { DataGrid, GridColDef, GridValueGetterParams } from "@mui/x-data-grid";
-
-import Link from "@mui/material/Link";
-
 import Card from "@mui/material/Card";
+import CardActions from "@mui/material/CardActions";
+import CardContent from "@mui/material/CardContent";
 import CardHeader from "@mui/material/CardHeader";
 import CardMedia from "@mui/material/CardMedia";
-import CardContent from "@mui/material/CardContent";
-import CardActions from "@mui/material/CardActions";
+import Chip from "@mui/material/Chip";
 import Collapse from "@mui/material/Collapse";
-import Avatar from "@mui/material/Avatar";
-import IconButton, { IconButtonProps } from "@mui/material/IconButton";
 import { red } from "@mui/material/colors";
-import FavoriteIcon from "@mui/icons-material/Favorite";
-import ShareIcon from "@mui/icons-material/Share";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import MoreVertIcon from "@mui/icons-material/MoreVert";
+import Divider from "@mui/material/Divider";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import IconButton, { type IconButtonProps } from "@mui/material/IconButton";
+import Link from "@mui/material/Link";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import MenuItem from "@mui/material/MenuItem";
+import MenuList from "@mui/material/MenuList";
+import Paper from "@mui/material/Paper";
+import Stack from "@mui/material/Stack";
+import Step from "@mui/material/Step";
+import StepLabel from "@mui/material/StepLabel";
+import Stepper from "@mui/material/Stepper";
+import { createTheme, styled, ThemeProvider } from "@mui/material/styles";
+import Switch from "@mui/material/Switch";
+import TextField from "@mui/material/TextField";
+import Typography from "@mui/material/Typography";
+import { DataGrid, type GridColDef, type GridValueGetterParams } from "@mui/x-data-grid";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
+import { DesktopDatePicker } from "@mui/x-date-pickers/DesktopDatePicker";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { MobileDatePicker } from "@mui/x-date-pickers/MobileDatePicker";
+import { TimePicker } from "@mui/x-date-pickers/TimePicker";
+import dayjs, { type Dayjs } from "dayjs";
+import * as React from "react";
 
 const muiDefaultDarkTheme = createTheme({
   palette: {
@@ -82,7 +75,7 @@ export default function Mui() {
         control={
           <Switch
             checked={isProviderEnabled}
-            onChange={(event) => setIsProviderEnabled(event.target.checked)}
+            onChange={event => setIsProviderEnabled(event.target.checked)}
             inputProps={{ "aria-label": "controlled" }}
           />
         }
@@ -93,7 +86,7 @@ export default function Mui() {
         control={
           <Switch
             checked={isDark}
-            onChange={(event) => setIsDark(event.target.checked)}
+            onChange={event => setIsDark(event.target.checked)}
             inputProps={{ "aria-label": "controlled" }}
           />
         }
@@ -135,7 +128,7 @@ const { ComboBox } = (() => {
         id="combo-box-demo"
         options={top100Films}
         sx={{ width: 300, mt: 7 }}
-        renderInput={(params) => <TextField {...params} label="Movie" />}
+        renderInput={params => <TextField {...params} label="Movie" />}
       />
     );
   }
@@ -210,8 +203,7 @@ const { ComboBox } = (() => {
     { label: "Alien", year: 1979 },
     { label: "Sunset Boulevard", year: 1950 },
     {
-      label:
-        "Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb",
+      label: "Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb",
       year: 1964,
     },
     { label: "The Great Dictator", year: 1940 },
@@ -380,9 +372,7 @@ function IconMenu() {
 }
 
 function MaterialUIPickers() {
-  const [value, setValue] = React.useState<Dayjs | null>(
-    dayjs("2014-08-18T21:11:54")
-  );
+  const [value, setValue] = React.useState<Dayjs | null>(dayjs("2014-08-18T21:11:54"));
 
   const handleChange = (newValue: Dayjs | null) => {
     setValue(newValue);
@@ -397,7 +387,7 @@ function MaterialUIPickers() {
           value={value}
           onChange={handleChange}
           slotProps={{
-            textField: {}
+            textField: {},
           }}
         />
         <MobileDatePicker
@@ -406,7 +396,7 @@ function MaterialUIPickers() {
           value={value}
           onChange={handleChange}
           slotProps={{
-            textField: {}
+            textField: {},
           }}
         />
         <TimePicker
@@ -414,7 +404,7 @@ function MaterialUIPickers() {
           value={value}
           onChange={handleChange}
           slotProps={{
-            textField: {}
+            textField: {},
           }}
         />
         <DateTimePicker
@@ -422,7 +412,7 @@ function MaterialUIPickers() {
           value={value}
           onChange={handleChange}
           slotProps={{
-            textField: {}
+            textField: {},
           }}
         />
       </Stack>
@@ -481,9 +471,7 @@ function BadgeVisibility() {
         </Badge>
         <FormControlLabel
           sx={{ color: "text.primary" }}
-          control={
-            <Switch checked={!invisible} onChange={handleBadgeVisibility} />
-          }
+          control={<Switch checked={!invisible} onChange={handleBadgeVisibility} />}
           label="Show Badge"
         />
       </div>
@@ -492,11 +480,7 @@ function BadgeVisibility() {
 }
 
 const { HorizontalLinearStepper } = (() => {
-  const steps = [
-    "Select campaign settings",
-    "Create an ad group",
-    "Create an ad",
-  ];
+  const steps = ["Select campaign settings", "Create an ad group", "Create an ad"];
 
   function MyHorizontalLinearStepper() {
     const [activeStep, setActiveStep] = React.useState(0);
@@ -517,12 +501,12 @@ const { HorizontalLinearStepper } = (() => {
         newSkipped.delete(activeStep);
       }
 
-      setActiveStep((prevActiveStep) => prevActiveStep + 1);
+      setActiveStep(prevActiveStep => prevActiveStep + 1);
       setSkipped(newSkipped);
     };
 
     const handleBack = () => {
-      setActiveStep((prevActiveStep) => prevActiveStep - 1);
+      setActiveStep(prevActiveStep => prevActiveStep - 1);
     };
 
     const handleSkip = () => {
@@ -532,8 +516,8 @@ const { HorizontalLinearStepper } = (() => {
         throw new Error("You can't skip a step that isn't optional.");
       }
 
-      setActiveStep((prevActiveStep) => prevActiveStep + 1);
-      setSkipped((prevSkipped) => {
+      setActiveStep(prevActiveStep => prevActiveStep + 1);
+      setSkipped(prevSkipped => {
         const newSkipped = new Set(prevSkipped.values());
         newSkipped.add(activeStep);
         return newSkipped;
@@ -553,9 +537,7 @@ const { HorizontalLinearStepper } = (() => {
               optional?: React.ReactNode;
             } = {};
             if (isStepOptional(index)) {
-              labelProps.optional = (
-                <Typography variant="caption">Optional</Typography>
-              );
+              labelProps.optional = <Typography variant="caption">Optional</Typography>;
             }
             if (isStepSkipped(index)) {
               stepProps.completed = false;
@@ -569,9 +551,7 @@ const { HorizontalLinearStepper } = (() => {
         </Stepper>
         {activeStep === steps.length ? (
           <React.Fragment>
-            <Typography sx={{ mt: 2, mb: 1 }}>
-              All steps completed - you&apos;re finished
-            </Typography>
+            <Typography sx={{ mt: 2, mb: 1 }}>All steps completed - you&apos;re finished</Typography>
             <Box sx={{ display: "flex", flexDirection: "row", pt: 2 }}>
               <Box sx={{ flex: "1 1 auto" }} />
               <Button onClick={handleReset}>Reset</Button>
@@ -581,12 +561,7 @@ const { HorizontalLinearStepper } = (() => {
           <React.Fragment>
             <Typography sx={{ mt: 2, mb: 1 }}>Step {activeStep + 1}</Typography>
             <Box sx={{ display: "flex", flexDirection: "row", pt: 2 }}>
-              <Button
-                color="inherit"
-                disabled={activeStep === 0}
-                onClick={handleBack}
-                sx={{ mr: 1 }}
-              >
+              <Button color="inherit" disabled={activeStep === 0} onClick={handleBack} sx={{ mr: 1 }}>
                 Back
               </Button>
               <Box sx={{ flex: "1 1 auto" }} />
@@ -595,9 +570,7 @@ const { HorizontalLinearStepper } = (() => {
                   Skip
                 </Button>
               )}
-              <Button onClick={handleNext}>
-                {activeStep === steps.length - 1 ? "Finish" : "Next"}
-              </Button>
+              <Button onClick={handleNext}>{activeStep === steps.length - 1 ? "Finish" : "Next"}</Button>
             </Box>
           </React.Fragment>
         )}
@@ -636,8 +609,7 @@ const { DataGridDemo } = (() => {
       description: "This column has a value getter and is not sortable.",
       sortable: false,
       width: 160,
-      valueGetter: (params: GridValueGetterParams) =>
-        `${params.row.firstName || ""} ${params.row.lastName || ""}`,
+      valueGetter: (params: GridValueGetterParams) => `${params.row.firstName || ""} ${params.row.lastName || ""}`,
     },
   ];
 
@@ -665,8 +637,7 @@ const { DataGridDemo } = (() => {
 })();
 
 const { Links } = (() => {
-  const preventDefault = (event: React.SyntheticEvent) =>
-    event.preventDefault();
+  const preventDefault = (event: React.SyntheticEvent) => event.preventDefault();
 
   function MyLinks() {
     return (
@@ -744,9 +715,8 @@ const { RecipeReviewCard } = (() => {
         />
         <CardContent>
           <Typography variant="body2" color="text.secondary">
-            This impressive paella is a perfect party dish and a fun meal to
-            cook together with your guests. Add 1 cup of frozen peas along with
-            the mussels, if you like.
+            This impressive paella is a perfect party dish and a fun meal to cook together with your guests. Add 1 cup
+            of frozen peas along with the mussels, if you like.
           </Typography>
         </CardContent>
         <CardActions disableSpacing>
@@ -756,12 +726,7 @@ const { RecipeReviewCard } = (() => {
           <IconButton aria-label="share">
             <ShareIcon />
           </IconButton>
-          <ExpandMore
-            expand={expanded}
-            onClick={handleExpandClick}
-            aria-expanded={expanded}
-            aria-label="show more"
-          >
+          <ExpandMore expand={expanded} onClick={handleExpandClick} aria-expanded={expanded} aria-label="show more">
             <ExpandMoreIcon />
           </ExpandMore>
         </CardActions>
@@ -769,32 +734,22 @@ const { RecipeReviewCard } = (() => {
           <CardContent>
             <Typography paragraph>Method:</Typography>
             <Typography paragraph>
-              Heat 1/2 cup of the broth in a pot until simmering, add saffron
-              and set aside for 10 minutes.
+              Heat 1/2 cup of the broth in a pot until simmering, add saffron and set aside for 10 minutes.
             </Typography>
             <Typography paragraph>
-              Heat oil in a (14- to 16-inch) paella pan or a large, deep skillet
-              over medium-high heat. Add chicken, shrimp and chorizo, and cook,
-              stirring occasionally until lightly browned, 6 to 8 minutes.
-              Transfer shrimp to a large plate and set aside, leaving chicken
-              and chorizo in the pan. Add pimentón, bay leaves, garlic,
-              tomatoes, onion, salt and pepper, and cook, stirring often until
-              thickened and fragrant, about 10 minutes. Add saffron broth and
-              remaining 4 1/2 cups chicken broth; bring to a boil.
+              Heat oil in a (14- to 16-inch) paella pan or a large, deep skillet over medium-high heat. Add chicken,
+              shrimp and chorizo, and cook, stirring occasionally until lightly browned, 6 to 8 minutes. Transfer shrimp
+              to a large plate and set aside, leaving chicken and chorizo in the pan. Add pimentón, bay leaves, garlic,
+              tomatoes, onion, salt and pepper, and cook, stirring often until thickened and fragrant, about 10 minutes.
+              Add saffron broth and remaining 4 1/2 cups chicken broth; bring to a boil.
             </Typography>
             <Typography paragraph>
-              Add rice and stir very gently to distribute. Top with artichokes
-              and peppers, and cook without stirring, until most of the liquid
-              is absorbed, 15 to 18 minutes. Reduce heat to medium-low, add
-              reserved shrimp and mussels, tucking them down into the rice, and
-              cook again without stirring, until mussels have opened and rice is
-              just tender, 5 to 7 minutes more. (Discard any mussels that
-              don&apos;t open.)
-            </Typography>
-            <Typography>
-              Set aside off of the heat to let rest for 10 minutes, and then
-              serve.
+              Add rice and stir very gently to distribute. Top with artichokes and peppers, and cook without stirring,
+              until most of the liquid is absorbed, 15 to 18 minutes. Reduce heat to medium-low, add reserved shrimp and
+              mussels, tucking them down into the rice, and cook again without stirring, until mussels have opened and
+              rice is just tender, 5 to 7 minutes more. (Discard any mussels that don&apos;t open.)
             </Typography>
+            <Typography>Set aside off of the heat to let rest for 10 minutes, and then serve.</Typography>
           </CardContent>
         </Collapse>
       </Card>
diff --git a/src/pages/politique-confidentialite.tsx b/src/pages/politique-confidentialite.tsx
index 49365d13..42668090 100644
--- a/src/pages/politique-confidentialite.tsx
+++ b/src/pages/politique-confidentialite.tsx
@@ -1,8 +1,7 @@
-import React from "react";
-import type { NextPage } from "next";
-import Head from "next/head";
-
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
+import { type NextPage } from "next";
+import Head from "next/head";
+import React from "react";
 
 const URL = [
   {
@@ -25,22 +24,16 @@ const Confidentiality: NextPage = () => {
           <h2>Traitement des données à caractère personnel</h2>
           <p>Template ne vous demande ni ne stocke d’information nominative.</p>
           <p>
-            Pour autant, nous enregistrons les informations saisies dans la
-            barre de recherche. Elles sont conservées pendant deux années pour
-            analyser les usages, améliorer la précision des réponses apportées
-            et améliorer le service et ainsi réaliser la mission d’intérêt
-            public.
+            Pour autant, nous enregistrons les informations saisies dans la barre de recherche. Elles sont conservées
+            pendant deux années pour analyser les usages, améliorer la précision des réponses apportées et améliorer le
+            service et ainsi réaliser la mission d’intérêt public.
           </p>
+          <p>Nous nous engageons à ne jamais céder ces informations à des tiers.</p>
           <p>
-            Nous nous engageons à ne jamais céder ces informations à des tiers.
-          </p>
-          <p>
-            Vous avez un droit d’accès, de rectification et de suppression de
-            vos données. Pour l’exercer, faites-nous parvenir une demande en
-            précisant la date et l’heure précise de la requête et tout élément
-            permettant d’attester que vous êtes bien l’auteur du message - ces
-            éléments sont indispensables pour nous permettre de retrouver votre
-            recherche - par voie électronique à l’adresse suivante&nbsp;:{" "}
+            Vous avez un droit d’accès, de rectification et de suppression de vos données. Pour l’exercer, faites-nous
+            parvenir une demande en précisant la date et l’heure précise de la requête et tout élément permettant
+            d’attester que vous êtes bien l’auteur du message - ces éléments sont indispensables pour nous permettre de
+            retrouver votre recherche - par voie électronique à l’adresse suivante&nbsp;:{" "}
             <a
               title="Envoyer un mail à template@fabrique.social.gouv.fr"
               href="mailto:template@fabrique.social.gouv.fr"
@@ -60,8 +53,8 @@ const Confidentiality: NextPage = () => {
             75015 PARIS
           </address>
           <p>
-            Vous êtes également en droit de saisir la Commission Nationale de
-            l’Informatique et des Libertés pour toute réclamation à{" "}
+            Vous êtes également en droit de saisir la Commission Nationale de l’Informatique et des Libertés pour toute
+            réclamation à{" "}
             <a
               title="Adresser une réclamation (plainte) à la CNIL"
               href="https://www.cnil.fr/fr/cnil-direct/question/adresser-une-reclamation-plainte-la-cnil-quelles-conditions-et-comment"
@@ -106,14 +99,13 @@ const Confidentiality: NextPage = () => {
           />*/}
           <h2>Cookies</h2>
           <p>
-            Un cookie est un fichier déposé sur votre terminal lors de la visite
-            d’un site. Il a pour but de collecter des informations relatives à
-            votre navigation et de vous adresser des services adaptés à votre
-            terminal (ordinateur, mobile ou tablette).
+            Un cookie est un fichier déposé sur votre terminal lors de la visite d’un site. Il a pour but de collecter
+            des informations relatives à votre navigation et de vous adresser des services adaptés à votre terminal
+            (ordinateur, mobile ou tablette).
           </p>
           <p>
-            Nous collectons donc des données par l’intermédiaire de dispositifs
-            appelés “cookies” permettant d’établir des mesures statistiques.
+            Nous collectons donc des données par l’intermédiaire de dispositifs appelés “cookies” permettant d’établir
+            des mesures statistiques.
           </p>
           {/*<Table
             rowKey={(row) => row.name}
@@ -140,31 +132,24 @@ const Confidentiality: NextPage = () => {
             ]}
           />*/}
           <p>
-            L’accès aux informations contenues dans les cookies est limité aux
-            seules personnes autorisées au sein de la Fabrique numérique. En
-            outre, l’éditeur peut utiliser certaines données pour des finalités
-            qui lui sont propres.
-          </p>
-          <p>
-            À tout moment, vous pouvez refuser l’utilisation des cookies et
-            désactiver le dépôt sur votre ordinateur en utilisant la fonction
-            dédiée de votre navigateur (fonction disponible notamment sur
-            Microsoft Internet Explorer 11, Google Chrome, Mozilla Firefox,
-            Apple Safari et Opera).
+            L’accès aux informations contenues dans les cookies est limité aux seules personnes autorisées au sein de la
+            Fabrique numérique. En outre, l’éditeur peut utiliser certaines données pour des finalités qui lui sont
+            propres.
           </p>
           <p>
-            Pour l’outil Matomo, vous pouvez décider de ne jamais être suivi, y
-            compris anonymement&nbsp;:
+            À tout moment, vous pouvez refuser l’utilisation des cookies et désactiver le dépôt sur votre ordinateur en
+            utilisant la fonction dédiée de votre navigateur (fonction disponible notamment sur Microsoft Internet
+            Explorer 11, Google Chrome, Mozilla Firefox, Apple Safari et Opera).
           </p>
+          <p>Pour l’outil Matomo, vous pouvez décider de ne jamais être suivi, y compris anonymement&nbsp;:</p>
           <iframe
             title="matomo optout"
             style={{ border: 0, width: "100%" }}
             src="https://matomo.fabrique.social.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=2f3b6c&fontSize=16px&fontFamily=sans-serif"
           />
           <p>
-            Pour aller plus loin, vous pouvez consulter les fiches proposées par
-            la Commission Nationale de l’Informatique et des Libertés
-            (CNIL)&nbsp;:
+            Pour aller plus loin, vous pouvez consulter les fiches proposées par la Commission Nationale de
+            l’Informatique et des Libertés (CNIL)&nbsp;:
           </p>
           <ul>
             <li>
diff --git a/src/pages/stats.tsx b/src/pages/stats.tsx
index fec97c31..5ac04938 100644
--- a/src/pages/stats.tsx
+++ b/src/pages/stats.tsx
@@ -1,13 +1,12 @@
-import React, { useEffect } from "react";
-import type { NextPage } from "next";
+import { type NextPage } from "next";
 import Head from "next/head";
+import { useEffect, useState } from "react";
 
 import { StatTile } from "../components/StatTile";
-
-import { fetchMatomoData, MatomoResult } from "../lib";
+import { fetchMatomoData, type MatomoResult } from "../lib";
 
 const Stats: NextPage = () => {
-  const [matomoData, setMatomoData] = React.useState<MatomoResult>({
+  const [matomoData, setMatomoData] = useState<MatomoResult>({
     nbPageViews: 0,
     nbVisits: 0,
     nbUniqPageViews: 0,
diff --git a/yarn.lock b/yarn.lock
index f61411fb..9b9639d6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2146,6 +2146,13 @@ eslint-plugin-jsx-a11y@^6.7.1:
     object.entries "^1.1.7"
     object.fromentries "^2.0.7"
 
+eslint-plugin-lodash@^7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-lodash/-/eslint-plugin-lodash-7.4.0.tgz#14a761547f126c92ff56789662a20a44f8bb6290"
+  integrity sha512-Tl83UwVXqe1OVeBRKUeWcfg6/pCW1GTRObbdnbEJgYwjxp5Q92MEWQaH9+dmzbRt6kvYU1Mp893E79nJiCSM8A==
+  dependencies:
+    lodash "^4.17.21"
+
 eslint-plugin-prettier@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.0.1.tgz#a3b399f04378f79f066379f544e42d6b73f11515"