Started react 16->18 migration and material-ui->mui migration

frontend/src/components/CreatorGrid.jsx

@@ -4,7 +4,12 @@ import ReactGA from 'react-ga4';
 import { useTheme } from '@material-ui/core/styles';
 import {Link} from 'react-router-dom';
 
-import { Search as SearchIcon, CloudQueue as CloudQueueIcon, Code as CodeIcon } from '@material-ui/icons';
+import { 
+	SkipNext as SkipNextIcon,
+	SkipPrevious as SkipPreviousIcon,
+	PlayArrow as PlayArrowIcon,
+	VerifiedUser as VerifiedUserIcon, 
+	Search as SearchIcon, CloudQueue as CloudQueueIcon, Code as CodeIcon } from '@mui/icons-material';
 
 import algoliasearch from 'algoliasearch/lite';
 import { InstantSearch, Configure, connectSearchBox, connectHits } from 'react-instantsearch-dom';
@@ -31,14 +36,6 @@ import {
   AvatarGroup,
 } from "@mui/material"
 
-import {
-	SkipNext as SkipNextIcon,
-	SkipPrevious as SkipPreviousIcon,
-	PlayArrow as PlayArrowIcon,
-	VerifiedUser as VerifiedUserIcon, 
-} from "@material-ui/icons";
-
-
 const searchClient = algoliasearch("JNSS5CFDZZ", "db08e40265e2941b9a7d8f644b6e5240")
 const CreatorGrid = props => {
 	const { maxRows, showName, showSuggestion, isMobile, globalUrl, parsedXs }  = props