Fix divider theme in home

pages/index.js

@@ -1,7 +1,6 @@
 import PropTypes from 'prop-types'
 import {Container, Typography, Box, Divider, Chip} from '@mui/material'
 import ArrowCircleDownIcon from '@mui/icons-material/ArrowCircleDown'
-import {createTheme, ThemeProvider} from '@mui/material/styles'
 
 import HeadLayout from '../components/head-layout'
 import Footer from '../components/footer'
@@ -9,18 +8,6 @@ import RezoDialog from '../components/rezo/rezo-dialog'
 import DenyeTeks from '../components/teks/denye-teks'
 import {jwennDenyeTeks} from '../lib/oki-api'
 
-const theme = createTheme({
-  components: {
-    MuiDivider: {
-      styleOverrides: {
-        root: {
-          color: 'black',
-        }
-      }
-    }
-  }
-})
-
 export default function Home({teks}) {
   return (
     <HeadLayout tab={0}>
@@ -42,11 +29,9 @@ export default function Home({teks}) {
           </Container>
         </Box>
         <Container>
-          <ThemeProvider theme={theme}>
-            <Divider variant='middle' sx={{marginBottom: 1}}>
-              <Chip icon={<ArrowCircleDownIcon />} label='Derniers textes publiés ' variant='outlined' />
-            </Divider>
-          </ThemeProvider>
+          <Divider variant='middle' sx={{marginBottom: 1}}>
+            <Chip sx={{fontWeight: 'bold'}} color='primary' icon={<ArrowCircleDownIcon />} label='Derniers textes publiés ' variant='outlined' />
+          </Divider>
           <DenyeTeks {...teks} />
         </Container>
         <Footer />