Create Footer component

.env.sample

@@ -1,2 +1,4 @@
 DIRECTUS_API_URL=http://0.0.0.0:8055
 APP_TITLE=constitution de karukera
+APP_FOOTER_TEXT=organisation ka internationale (oki)
+APP_FOOTER_URL=https://o-k-i.net

components/footer.js

@@ -0,0 +1,31 @@
+import Box from '@mui/material/Box'
+import Typography from '@mui/material/Typography'
+import Container from '@mui/material/Container'
+import Link from '@mui/material/Link'
+import {grey} from '@mui/material/colors'
+
+const appFooterText = process.env.APP_FOOTER_TEXT
+const appFooterUrl = process.env.APP_FOOTER_URL
+
+export default function Footer() {
+  return (
+    <Box
+      component='footer'
+      sx={{
+        textAlign: 'center',
+        py: 3,
+        px: 2,
+        mt: 'auto',
+        backgroundColor: grey[800]
+      }}
+    >
+      <Container maxWidth='sm'>
+        <Typography fontWeight='bold' variant='body2'>
+          <Link underline='hover' color='inherit' href={appFooterUrl}>
+            {appFooterText.toUpperCase()}
+          </Link>
+        </Typography>
+      </Container>
+    </Box>
+  )
+}