Adapt components to new mui & nextjs versions

components/teks/teks.js

@@ -1,16 +1,14 @@
-import {forwardRef} from 'react'
+'use client'
+
+import {useEffect} from 'react'
 import PropTypes from 'prop-types'
-import {
-  Box,
-  Grid,
-  Snackbar,
-  Typography,
-  Tooltip,
-  Zoom,
-  useMediaQuery
-} from '@mui/material'
+import Box from '@mui/material/Box'
+import Grid from '@mui/material/Unstable_Grid2'
+import Typography from '@mui/material/Typography'
+import Tooltip from '@mui/material/Tooltip'
+import {useMediaQuery} from '@mui/material'
+
 import {styled} from '@mui/material/styles'
-import MuiAlert from '@mui/material/Alert'
 import ExplicitIcon from '@mui/icons-material/Explicit'
 
 import {formatJsonString, getAlias} from '../../lib/utils/format'