feat: add mentions legales page (#30)

src/layout/footer.tsx

-import React, { FC } from 'react'
+import React, { FC } from "react";
 
-import { makeStyles } from '@material-ui/styles'
-import { Container, Theme, Link, Grid } from '@material-ui/core'
-import TwitterIcon from '@material-ui/icons/Twitter'
-import BookIcon from '@material-ui/icons/Book'
-import YouTubeIcon from '@material-ui/icons/YouTube'
-import GitHubIcon from '@material-ui/icons/GitHub'
-import MailIcon from '@material-ui/icons/Mail'
-import { Link as GatsbyLink } from 'gatsby'
+import { makeStyles } from "@material-ui/styles";
+import { Container, Theme, Link, Grid } from "@material-ui/core";
+import TwitterIcon from "@material-ui/icons/Twitter";
+import BookIcon from "@material-ui/icons/Book";
+import YouTubeIcon from "@material-ui/icons/YouTube";
+import GitHubIcon from "@material-ui/icons/GitHub";
+import MailIcon from "@material-ui/icons/Mail";
+import { Link as GatsbyLink } from "gatsby";
 
 const useStyles = makeStyles((theme: Theme) => ({
   footer: {
     padding: theme.spacing(3, 2),
-    marginTop: 'auto',
+    marginTop: "auto",
     backgroundColor: theme.palette.background.paper,
   },
-}))
+}));
 
 const Footer: FC = () => {
-  const classes = useStyles()
+  const classes = useStyles();
   return (
     <footer className={classes.footer}>
       <Container maxWidth="md">
@@ -35,7 +35,7 @@ const Footer: FC = () => {
           <Grid item>
             <Link
               component={GatsbyLink}
-              to="/cgu"
+              to="/mentions-legales"
               target="_blank"
               color="inherit"
             >
@@ -95,7 +95,7 @@ const Footer: FC = () => {
         </Grid>
       </Container>
     </footer>
-  )
-}
+  );
+};
 
-export default Footer
+export default Footer;

src/pages/cgu.tsx

-import React, { FC } from 'react'
-import SEO from '../components/seo'
-import Layout from '../layout'
-
-const CGU: FC = () => {
-  return (
-    <Layout>
-      <SEO title="Mentions légales" />
-      <span>Mentions légales</span>
-    </Layout>
-  )
-}
-
-export default CGU

src/pages/mentions-legales.mdx

+# Mentions légales Archifiltre
+
+## Editeur de la plateforme
+La Plateforme est éditée par la [Fabrique des Ministères sociaux](https://incubateur.social.gouv.fr/) située :
+
+Tour Mirabeau
+
+39-43 Quai André Citroën
+
+75015 PARIS
+
+Tél : 01 40 56 60 00
+
+## Directeur de la publication
+Bruno Ricard 
+
+## Hébergement de la plateforme
+Ce site est hébergé par Microsoft Azure France (région France centre) :
+
+Microsoft France
+
+37 Quai du Président Roosevelt
+
+92130 ISSY-LES-MOULINEAUX
+
+## Utilisation de témoins de connexion (« cookies »)
+Lors de la consultation de la plateforme, des témoins de connexion, dits « cookies », sont déposés sur votre ordinateur, votre mobile ou votre tablette. 
+
+Ces cookies permettent d'établir des mesures statistiques de fréquentation et d'utilisation du site pouvant être utilisées à des fins de suivi et d’amélioration du service :
+-	Les données collectées ne sont pas recoupées avec d’autres traitements.
+-	Le cookie déposé sert uniquement à la production de statistiques anonymes.
+-	Le cookie ne permet pas de suivre la navigation de l’internaute sur d’autres sites.
+
+À 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).
+
+### À savoir
+La mesure d'audience (nombre de visites, pages consultées) est réalisée par un outil libre intitulé [Matomo](https://matomo.org/) spécifiquement paramétré, respectant les conditions d'exemption du consentement de l'internaute définies par la [recommandation « Cookies »](https://www.cnil.fr/fr/solutions-pour-la-mesure-daudienc ) de la Commission nationale informatique et libertés (CNIL). Cela signifie, notamment, que ces cookies ne servent qu'à la production de statistiques anonymes et ne permettent pas de suivre la navigation de l'internaute sur d'autres sites.
+
+Vous pouvez tout de même désactiver cet outil :
+<iframe
+  title="disable-tracking"
+  style={{ border: 0, height: "150px", width: "600px" }}
+  src="https://matomo.fabrique.social.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=&fontSize=&fontFamily="
+/>
+
+## Accessibilité
+La conformité aux normes d’accessibilité numérique est un objectif ultérieur mais nous tâchons de rendre ce site accessible à toutes et à tous.
+
+### Signaler un dysfonctionnement
+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.
+
+### En savoir plus
+Pour en savoir plus sur la politique d’accessibilité numérique de l’État : http://references.modernisation.gouv.fr/accessibilite-numerique
+
+## Sécurité
+Le site est protégé par un certificat électronique, matérialisé pour la grande majorité des navigateurs par un cadenas. Cette protection participe à la confidentialité des échanges.
+
+En aucun cas les services associés à la plateforme ne seront à l’origine d’envoi de courriels pour demander la saisie d’informations personnelles.
\ No newline at end of file