Adapt Dashboard page

app/dashboard/page.js

@@ -1,5 +1,19 @@
 import {redirect} from 'next/navigation'
+import Box from '@mui/material/Box'
+import Container from '@mui/material/Container'
+import Typography from '@mui/material/Typography'
+import HomeIcon from '@mui/icons-material/Home'
 import {auth} from '../../auth.js'
+import GetVersions from '@/components/versions/get-versions.js'
+import Footer from '@/components/footer.js'
+import Sign from '@/components/session/sign.js'
+
+const navButton = {
+  title: 'Accueil',
+  path: '/',
+  color: 'success',
+  icon: <HomeIcon fontSize='large' />
+}
 
 export default async function DashboardPage() {
   const session = await auth()
@@ -9,6 +23,26 @@ export default async function DashboardPage() {
   }
 
   return (
-    <div>DashboardPage</div>
+    <Box sx={{
+      display: 'flex',
+      flexDirection: 'column',
+      minHeight: '100vh',
+    }}
+    >
+      <Container>
+        <Typography
+          textTransform='uppercase'
+          mt={1}
+          component='h1'
+          textAlign='center'
+          variant='h4'
+        >
+          Tableau de bord
+        </Typography>
+        <Sign session={session} navButton={navButton} />
+        <GetVersions session={session} />
+      </Container>
+      <Footer />
+    </Box>
   )
 }