Fixed some of the first basic rendering issues

frontend/src/components/Appsearch.jsx

@@ -1,14 +1,25 @@
 import React, { useState, useEffect } from 'react';
 import ReactGA from 'react-ga4';
-import { useTheme } from '@material-ui/core/styles';
+import theme from '../theme';
+//import { useTheme } from '@material-ui/core/styles';
 import {Link} from 'react-router-dom';
 import { useAlert } from "react-alert";
-import { Search as SearchIcon, CloudQueue as CloudQueueIcon, Code as CodeIcon } from '@material-ui/icons';
+import { Search as SearchIcon, CloudQueue as CloudQueueIcon, Code as CodeIcon } from '@mui/icons-material';
 
 //import algoliasearch from 'algoliasearch/lite';
 import algoliasearch from 'algoliasearch';
 import { InstantSearch, connectSearchBox, connectHits } from 'react-instantsearch-dom';
-import { Grid, Paper, TextField, ButtonBase, InputAdornment, Typography, Button, Tooltip} from '@material-ui/core';
+import { 
+	Grid, 
+	Paper, 
+	TextField, 
+	ButtonBase, 
+	InputAdornment, 
+	Typography, 
+	Button, 
+	Tooltip
+} from '@mui/material';
+
 import aa from 'search-insights'
 const searchClient = algoliasearch("JNSS5CFDZZ", "db08e40265e2941b9a7d8f644b6e5240")
 const Appsearch = props => {
@@ -18,7 +29,7 @@ const Appsearch = props => {
   const alert = useAlert();
 	const rowHandler = maxRows === undefined || maxRows === null ? 50 : maxRows
 	const xs = parsedXs === undefined || parsedXs === null ? 12 : parsedXs
-	const theme = useTheme();
+	//const theme = useTheme();
 	//const [apps, setApps] = React.useState([]);
 	//const [filteredApps, setFilteredApps] = React.useState([]);
 	const [formMail, setFormMail] = React.useState("");