Fix imports

app/awtis/page.js

@@ -1,7 +1,7 @@
 import {notFound} from 'next/navigation'
 import Box from '@mui/material/Box'
 import Container from '@mui/material/Container'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 import ChecheAwtis from '../../components/awtis/cheche-awtis'
 import AwtisKat from '../../components/awtis/awtis-kat'

app/theme-registy.js

@@ -1,7 +1,8 @@
 'use client'
 
 import PropTypes from 'prop-types'
-import {experimental_extendTheme as extendTheme, Experimental_CssVarsProvider as CssVarsProvider, getInitColorSchemeScript} from '@mui/material/styles'
+import {extendTheme, ThemeProvider} from '@mui/material/styles'
+import InitColorSchemeScript from '@mui/material/InitColorSchemeScript'
 import CssBaseline from '@mui/material/CssBaseline'
 
 import {grey, green, yellow} from '@mui/material/colors'
@@ -65,14 +66,14 @@ export default function ThemeRegistry(props) {
 
   return (
     <>
-      {getInitColorSchemeScript()}
+      <InitColorSchemeScript />
       <PlausibleProvider domain='oki.re'>
         <NextAppDirEmotionCacheProvider options={{key: 'mui'}}>
-          <CssVarsProvider theme={theme}>
+          <ThemeProvider theme={theme}>
             <CssBaseline enableColorScheme />
             <ChanjeTem />
             {children}
-          </CssVarsProvider>
+          </ThemeProvider>
         </NextAppDirEmotionCacheProvider>
       </PlausibleProvider>
     </>