Started cleaning up library stuff

frontend/src/components/Billing.jsx

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from "react";
 import ReactGA from 'react-ga4';
 
 import theme from "../theme.jsx";
-import { useTheme } from "@mui/styles";
 import countries from "../components/Countries.jsx";
 import {
 	Box,

frontend/src/components/LicencePopup.jsx

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from "react";
 import ReactGA from 'react-ga4';
 
 import theme from "../theme.jsx";
-import { useTheme } from "@mui/styles";
 import countries from "../components/Countries.jsx";
 import {
     Box,

frontend/src/components/NewHeader.jsx

@@ -28,7 +28,7 @@ import {
   Dialog,
   DialogTitle,
 } from "@mui/material";
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@mui/system';
 
 import {
   Close as CloseIcon,

frontend/src/views/Search.jsx

@@ -7,7 +7,6 @@ import WorkflowGrid from "../components/WorkflowGrid.jsx";
 import CreatorGrid from "../components/CreatorGrid.jsx";
 import DocsGrid from "../components/DocsGrid.jsx";
 import { useNavigate } from "react-router-dom";
-import Typography from "@material-ui/core/Typography";
 import { Tabs, Tab, setRef } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { makeStyles } from '@mui/styles';
@@ -18,11 +17,14 @@ import {
   Code as CodeIcon,
   EmojiObjects as EmojiObjectsIcon,
   Chat as ChatIcon,
-  BorderBottom,
+  PeopleAltOutlined as PeopleAltOutlinedIcon, 
+  DescriptionOutlined as DescriptionOutlinedIcon, 
 } from "@mui/icons-material";
 
-import PeopleAltOutlinedIcon from '@mui/icons-material/PeopleAltOutlined';
-import DescriptionOutlinedIcon from '@mui/icons-material/DescriptionOutlined';
+import {
+	Typography
+} from "@mui/material"
+
 
 // Should be different if logged in :|
 const Search = (props) => {