Mui update done :3

frontend/src/views/AdminSetup.jsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/no-multi-comp */
 import React, { useState } from "react";
-import { makeStyles } from "@mui/material/styles";
+import { makeStyles } from "@mui/styles";
 
 import {
   CircularProgress,

frontend/src/views/Apps.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect } from "react";
 
 import { useInterval } from "react-powerhooks";
+import theme from '../theme.jsx';
 
 import {
   IconButton,
@@ -270,7 +271,6 @@ const Apps = (props) => {
   const { globalUrl, isLoggedIn, isLoaded, userdata } = props;
 
   //const [workflows, setWorkflows] = React.useState([]);
-  const theme = useTheme();
   const baseRepository = "https://github.com/frikky/shuffle-apps";
   const alert = useAlert();
 	let navigate = useNavigate();

frontend/src/views/Contact.jsx

@@ -1,12 +1,12 @@
 import React, { useState } from 'react';
 import { BrowserView, MobileView } from "react-device-detect";
+import theme from '../theme.jsx';
 
 import Paper from '@material-ui/core/Paper';
 import Button from '@material-ui/core/Button';
 
 import TextField from '@material-ui/core/TextField';
 
-import { useTheme } from '@material-ui/core/styles';
 
 const bodyDivStyle = {
 	margin: "auto",
@@ -19,8 +19,6 @@ const bodyDivStyle = {
 const Contact = (props) => {
 	const { globalUrl, isLoaded } = props;
 	
-	const theme = useTheme();
-
 	const boxStyle = {
 		flex: "1",
 		marginLeft: "10px",

frontend/src/views/Dashboard.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { useInterval } from "react-powerhooks";
 import AppFramework from "../components/AppFramework.jsx";
-import { makeStyles, useTheme } from "@mui/material/styles";
+import { makeStyles, useTheme } from "@mui/styles";
 // nodejs library that concatenates classes
 import classNames from "classnames";
 import theme from '../theme.jsx';

frontend/src/views/Docs.jsx

@@ -4,6 +4,7 @@ import ReactMarkdown from "react-markdown";
 import { BrowserView, MobileView } from "react-device-detect";
 import { useParams, useNavigate, Link } from "react-router-dom";
 import { isMobile } from "react-device-detect";
+import theme from '../theme.jsx';
 
 import {
 	Grid,
@@ -56,7 +57,6 @@ const Docs = (defaultprops) => {
   const { globalUrl, selectedDoc, serverside, serverMobile } = defaultprops;
 
 	let navigate = useNavigate();
-  const theme = useTheme();
 
 	// Quickfix for react router 5 -> 6 
 	const params = useParams();

frontend/src/views/GettingStarted.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useContext } from "react";
-import { makeStyles } from "@mui/material/styles";
+import { makeStyles } from "@mui/styles";
 
 import ReactGA from 'react-ga4';
 import SecurityFramework from '../components/SecurityFramework.jsx';

frontend/src/views/Introduction.jsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { Link, useParams } from "react-router-dom";
+import theme from '../theme.jsx';
 
 import Grid from "@material-ui/core/Grid";
 import Card from "@material-ui/core/Card";
@@ -12,7 +13,6 @@ import Button from "@material-ui/core/Button";
 const Workflows = (defaultprops) => {
   const { globalUrl, isLoggedIn, isLoaded } = defaultprops;
 
-  const theme = useTheme();
 	const params = useParams();
 	var props = JSON.parse(JSON.stringify(defaultprops))
 	props.match = {}

frontend/src/views/SettingsPage.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 
 import { useNavigate } from "react-router-dom";
+import theme from '../theme.jsx';
 import {
   Grid,
   Typography,
@@ -15,7 +16,6 @@ import detectEthereumProvider from "@metamask/detect-provider";
 
 const Settings = (props) => {
   const { globalUrl, isLoaded, userdata, setUserData } = props;
-  const theme = useTheme();
   const alert = useAlert();
 	let navigate = useNavigate();