Started cleaning up library stuff

frontend/package.json

@@ -12,7 +12,6 @@
     "@metamask/detect-provider": "^1.2.0",
     "@mui/icons-material": "^5.14.0",
     "@mui/material": "^5.14.0",
-    "@mui/styles": "^5.14.0",
     "@mui/x-data-grid": "^5.17.11",
     "@mui/x-date-pickers": "^6.11.1",
     "@types/algoliasearch": "^3.34.11",
@@ -20,7 +19,6 @@
     "@uiw/codemirror-theme-vscode": "^4.21.20",
     "@uiw/codemirror-themes": "^4.21.9",
     "@uiw/react-codemirror": "^4.21.21",
-    "@use-it/interval": "^0.1.3",
     "algoliasearch": "^4.8.3",
     "class-transformer": "^0.2.0",
     "codemirror": "^6.0.1",
@@ -48,7 +46,6 @@
     "i18next-localstorage-backend": "^4.1.0",
     "i18next-xhr-backend": "^3.2.2",
     "import": "0.0.6",
-    "interweave": "^11.2.0",
     "is-plain-obj": "^4.1.0",
     "json-bigint": "^1.0.0",
     "match-sorter": "^6.3.1",
@@ -57,12 +54,12 @@
     "moment": "~2.29.4",
     "mui-chips-input": "^2.1.3",
     "mui-nested-menu": "^3.2.1",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-ace": "^10.1.0",
     "react-alice-carousel": "^2.6.4",
     "react-avatar-editor": "^11.1.0",
     "react-beforeunload": "^2.2.1",
-    "react-chartjs-2": "^2.11.1",
+    "react-chartjs-2": "^5.2.0",
     "react-cookie": "^4.0.1",
     "react-cytoscapejs": "^2.0.0",
     "react-device-detect": "^2.2.3",
@@ -72,19 +69,15 @@
     "react-dropzone": "^14.2.3",
     "react-ga4": "^2.0.0",
     "react-hotkeys": "^2.0.0",
-    "react-i18next": "^13.1.2",
     "react-instantsearch-dom": "^6.28.0",
     "react-json-pretty": "^2.2.0",
-    "react-json-view": "^1.21.3",
     "react-json-view-ssr": "^1.19.1",
     "react-markdown": "^8.0.7",
-    "react-markdown-github": "^3.3.1",
     "react-powerhooks": "^0.0.7",
     "react-router": "^6.14.1",
     "react-router-dom": "^6.14.1",
     "react-scripts": "^5.0.1",
     "react-social-icons": "^5.15.0",
-    "react-stripe-elements": "^6.1.2",
     "react-toastify": "^9.1.3",
     "reaviz": "^14.9.7",
     "rehype-raw": "^7.0.0",
@@ -134,7 +127,6 @@
     "babel-preset-es2015": "^6.24.1",
     "postcss": "^8.4.38",
     "promise-window": "^1.2.1",
-    "react-hot-loader": "^4.13.0",
     "webpack-cli": "^5.1.4"
   }
 }

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) => {