Adapt components to new mui & nextjs versions

components/stats/kat-stats.js

@@ -2,13 +2,13 @@ import PropTypes from 'prop-types'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import Typography from '@mui/material/Typography'
-import Grid from '@mui/material/Grid'
+import Grid from '@mui/material/Unstable_Grid2'
 
 import TraductionsStats from './traductions-stats'
 
 export default function KatStats({emoji, value, total}) {
   return (
-    <Grid item xs={12} md={2}>
+    <Grid xs={12} md={2}>
       <Card variant='outlined'>
         <CardContent>
           <Typography align='center' variant='h6'>

components/stats/traductions-stats.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types'
 import Typography from '@mui/material/Typography'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Grid'
+import Grid from '@mui/material/Unstable_Grid2'
 
 import BarStats from './bar-stats'
 
@@ -12,7 +12,7 @@ export default function TraductionsStats({value, total}) {
   return (
     <Box sx={{width: '100%'}}>
       <Grid container rowSpacing={3} columnSpacing={6} justifyContent='space-around'>
-        <Grid item xs={12} md={6}>
+        <Grid xs={12} md={6}>
           <Typography style={{fontWeight: 'bold'}} align='center' variant='h6'>
             {translated}
           </Typography>