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>
     </>

components/akey/index.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types'
 import Container from '@mui/material/Container'
 import Typography from '@mui/material/Typography'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Button from '@mui/material/Button'
 import Image from 'next/image'
 import Link from 'next/link'

components/akey/kat-akey.js

@@ -3,7 +3,7 @@
 import PropTypes from 'prop-types'
 import {useRouter} from 'next/navigation'
 import {useTheme} from '@mui/material/styles'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Card from '@mui/material/Card'
 import CardActionArea from '@mui/material/CardActionArea'
 import CardContent from '@mui/material/CardContent'

components/akey/statistik.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import KatAkey from './kat-akey'
 
 export default function Statistik({statistik}) {

components/awtis/awtis-detay.js

@@ -11,7 +11,7 @@ import Button from '@mui/material/Button'
 import CardActionArea from '@mui/material/CardActionArea'
 import Chip from '@mui/material/Chip'
 import Container from '@mui/material/Container'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Paper from '@mui/material/Paper'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'

components/awtis/awtis-kat.js

@@ -5,7 +5,7 @@ import {useRouter} from 'next/navigation'
 import PropTypes from 'prop-types'
 
 import CardActionArea from '@mui/material/CardActionArea'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Card from '@mui/material/Card'
 import CardMedia from '@mui/material/CardMedia'
 import CardContent from '@mui/material/CardContent'

components/awtis/pajinasyon.js

@@ -3,7 +3,7 @@
 import PropTypes from 'prop-types'
 import {useRouter} from 'next/navigation'
 import Pagination from '@mui/material/Pagination'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 export default function Pajinasyon({pajTotal, paj}) {
   const router = useRouter()

components/rezo/kat-rezo-nou.js

@@ -4,7 +4,7 @@ import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import CardActionArea from '@mui/material/CardActionArea'
 import Divider from '@mui/material/Divider'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 import Typography from '@mui/material/Typography'
 import {CardMedia} from '@mui/material'

components/rezo/rezo-dialog.js

@@ -7,7 +7,7 @@ import DialogTitle from '@mui/material/DialogTitle'
 import useMediaQuery from '@mui/material/useMediaQuery'
 import {useTheme} from '@mui/material/styles'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import IconButton from '@mui/material/IconButton'
 import CloseIcon from '@mui/icons-material/Close'
 import PublicIcon from '@mui/icons-material/Public'

components/sesyon/koneksyon.js

@@ -15,7 +15,7 @@ import Snackbar from '@mui/material/Snackbar'
 import Tab from '@mui/material/Tab'
 import Tabs from '@mui/material/Tabs'
 import Typography from '@mui/material/Typography'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Visibility from '@mui/icons-material/Visibility'
 import VisibilityOff from '@mui/icons-material/VisibilityOff'
 import MuiAlert from '@mui/material/Alert'

components/soumet/ekri-teks.js

@@ -8,7 +8,7 @@ import Button from '@mui/material/Button'
 import Container from '@mui/material/Container'
 import FormControl from '@mui/material/FormControl'
 import FormHelperText from '@mui/material/FormHelperText'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import IconButton from '@mui/material/IconButton'
 import InputAdornment from '@mui/material/InputAdornment'
 import InputLabel from '@mui/material/InputLabel'

components/soutyen/payment-method.js

@@ -6,7 +6,7 @@ import Button from '@mui/material/Button'
 
 import {Paypal, Liberapay} from '@icons-pack/react-simple-icons'
 
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import CardMethod from './card-method'
 
 const PAYPAL_ID = process.env.NEXT_PUBLIC_PAYPAL_DONATE_ID

components/stats/kat-stats.js

@@ -2,7 +2,7 @@ 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/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 import TraductionsStats from './traductions-stats'
 

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/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 
 import BarStats from './bar-stats'
 

components/teks/denye-teks.js

@@ -2,7 +2,7 @@
 
 import PropTypes from 'prop-types'
 import Container from '@mui/material/Container'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Typography from '@mui/material/Typography'
 
 import {styled} from '@mui/material/styles'

components/teks/teks-kat.js

@@ -12,7 +12,7 @@ import CardContent from '@mui/material/CardContent'
 import CardMedia from '@mui/material/CardMedia'
 import Typography from '@mui/material/Typography'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import ExplicitIcon from '@mui/icons-material/Explicit'
 import {styled} from '@mui/material/styles'
 

components/teks/teks.js

@@ -3,7 +3,7 @@
 import {useEffect} from 'react'
 import PropTypes from 'prop-types'
 import Box from '@mui/material/Box'
-import Grid from '@mui/material/Unstable_Grid2'
+import Grid from '@mui/material/Grid2'
 import Typography from '@mui/material/Typography'
 import Tooltip from '@mui/material/Tooltip'
 import {useMediaQuery} from '@mui/material'