feat: ajouter les en-têtes de sécurité pour atteindre 100/100 sur MDN Observatory

app/theme-registy.js

@@ -64,12 +64,12 @@ const theme = createTheme({
 })
 
 export default function ThemeRegistry(props) {
-  const {children} = props
+  const {children, nonce} = props
 
   return (
     <>
-      <InitColorSchemeScript attribute='class' />
-      <NextAppDirEmotionCacheProvider options={{key: 'mui'}}>
+      <InitColorSchemeScript attribute='class' nonce={nonce} />
+      <NextAppDirEmotionCacheProvider options={{key: 'mui'}} nonce={nonce}>
         <ThemeProvider theme={theme}>
           <CssBaseline enableColorScheme />
           <ChanjeTem />
@@ -81,5 +81,6 @@ export default function ThemeRegistry(props) {
 }
 
 ThemeRegistry.propTypes = {
-  children: PropTypes.node.isRequired
+  children: PropTypes.node.isRequired,
+  nonce: PropTypes.string
 }