Add footer to soumet page

pages/soumet.js

@@ -3,11 +3,13 @@ import PropTypes from 'prop-types'
 import {useSession} from 'next-auth/react'
 import MuiAlert from '@mui/material/Alert'
 import Snackbar from '@mui/material/Snackbar'
+import Box from '@mui/material/Box'
 
 import HeadLayout from '../components/head-layout'
 import Koneksyon from '../components/sesyon/koneksyon'
 import Dekoneksyon from '../components/sesyon/dekoneksyon'
 import EkriTeks from '../components/soumet/ekri-teks'
+import Footer from '../components/footer'
 
 import {jwennTeksEpiUserId, jwennUser} from '../lib/oki-api'
 import NewPassword from '../components/password/new-password'
@@ -69,6 +71,8 @@ export default function Soumet({code}) {
 
   return (
     <HeadLayout title='Soumèt - Soumettre un texte' tab={3} slug='soumet'>
+      <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
+        <Box sx={{flexGrow: 1, marginTop: 1, marginBottom: 10}}>
           {!session && !code && (
             <Koneksyon
               chimen='/soumet'
@@ -96,6 +100,9 @@ export default function Soumet({code}) {
               <Alert severity='success' onClose={handleClose}><strong>Bonjour {username}, votre compte a été activé avec succès. Vous pouvez vous connecter.</strong></Alert>
             </Snackbar>
           )}
+        </Box>
+        <Footer />
+      </Box>
     </HeadLayout>
   )
 }