chore: switch from material-ui to mui

src/components/modals/ErrorBoundary.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { ErrorOutline } from '@material-ui/icons';
+import { ErrorOutline } from '@mui/icons-material';
 
 export default class ErrorBoundary extends PureComponent {
   constructor(props) {

src/components/modals/main/marketplace/Item.jsx

@@ -1,7 +1,7 @@
 import variables from 'modules/variables';
 import { PureComponent, Fragment } from 'react';
 import { toast } from 'react-toastify';
-import { ArrowBack } from '@material-ui/icons';
+import { ArrowBack } from '@mui/icons-material';
 import Modal from 'react-modal';
 
 import { install, uninstall } from 'modules/helpers/marketplace';

src/components/modals/main/marketplace/sections/Added.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { LocalMall } from '@material-ui/icons';
+import { LocalMall } from '@mui/icons-material';
 import { toast } from 'react-toastify';
 
 import Item from '../Item';

src/components/modals/main/marketplace/sections/Create.jsx

@@ -5,7 +5,7 @@ import {
   SettingsRounded as Settings, 
   PhotoOutlined as Photos, 
   FormatQuoteOutlined as Quotes
-} from '@material-ui/icons';
+} from '@mui/icons-material';
 import { toast } from 'react-toastify';
 
 import { saveFile } from 'modules/helpers/settings/modals';

src/components/modals/main/marketplace/sections/Marketplace.jsx

@@ -1,7 +1,7 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
 import { toast } from 'react-toastify';
-import { WifiOff, LocalMall } from '@material-ui/icons';
+import { WifiOff, LocalMall } from '@mui/icons-material';
 
 import Item from '../Item';
 import Items from '../Items';

src/components/modals/main/marketplace/sections/Sideload.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { LocalMall } from '@material-ui/icons';
+import { LocalMall } from '@mui/icons-material';
 import { toast } from 'react-toastify';
 import Modal from 'react-modal';
 

src/components/modals/main/settings/Checkbox.jsx

@@ -1,5 +1,5 @@
 import { PureComponent } from 'react';
-import { Checkbox as CheckboxUI, FormControlLabel } from '@material-ui/core';
+import { Checkbox as CheckboxUI, FormControlLabel } from '@mui/material';
 
 import EventBus from 'modules/helpers/eventbus';
 

src/components/modals/main/settings/Radio.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { Radio as RadioUI, RadioGroup, FormControlLabel, FormControl, FormLabel } from '@material-ui/core';
+import { Radio as RadioUI, RadioGroup, FormControlLabel, FormControl, FormLabel } from '@mui/material';
 
 import EventBus from 'modules/helpers/eventbus';
 

src/components/modals/main/settings/ResetModal.jsx

@@ -1,5 +1,5 @@
 import variables from 'modules/variables';
-import { Close, Delete } from '@material-ui/icons';
+import { Close, Delete } from '@mui/icons-material';
 import { setDefaultSettings } from 'modules/helpers/settings';
 
 export default function ResetModal({ modalClose }) {

src/components/modals/main/settings/Switch.jsx

@@ -1,5 +1,5 @@
 import { PureComponent } from 'react';
-import { Switch as SwitchUI, FormControlLabel } from '@material-ui/core';
+import { Switch as SwitchUI, FormControlLabel } from '@mui/material';
 
 import EventBus from 'modules/helpers/eventbus';
 

src/components/modals/main/settings/sections/About.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { Email, Twitter, Chat, Instagram, Facebook } from '@material-ui/icons';
+import { Email, Twitter, Chat, Instagram, Facebook } from '@mui/icons-material';
 
 import Tooltip from 'components/helpers/tooltip/Tooltip';
 

src/components/modals/main/settings/sections/Changelog.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent, createRef } from 'react';
-import { WifiOff } from '@material-ui/icons';
+import { WifiOff } from '@mui/icons-material';
 import Modal from 'react-modal';
 
 import Lightbox from '../../marketplace/Lightbox';

src/components/modals/main/settings/sections/Order.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { DragIndicator } from '@material-ui/icons';
+import { DragIndicator } from '@mui/icons-material';
 import { sortableContainer, sortableElement } from 'react-sortable-hoc';
 import { toast } from 'react-toastify';
 

src/components/modals/main/settings/sections/background/Background.jsx

@@ -1,7 +1,7 @@
 import variables from 'modules/variables';
 import { PureComponent, Fragment } from 'react';
 import { toast } from 'react-toastify';
-import { Cancel } from '@material-ui/icons';
+import { Cancel } from '@mui/icons-material';
 
 import Checkbox from '../../Checkbox';
 import Dropdown from '../../Dropdown';

src/components/modals/main/tabs/backend/Tab.jsx

@@ -23,7 +23,7 @@ import {
   AddCircleOutline as Added,
   CreateNewFolderOutlined as Create,
   KeyboardAltOutlined as Keybinds
-} from '@material-ui/icons';
+} from '@mui/icons-material';
 
 function Tab({ label, currentTab, onClick, navbarTab }) {
   const getMessage = (languagecode, text) => variables.language.getMessage(languagecode, text);

src/components/modals/welcome/WelcomeSections.jsx

@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { CloudUpload, AutoAwesome, LightMode, DarkMode } from '@material-ui/icons';
+import { CloudUpload, AutoAwesome, LightMode, DarkMode } from '@mui/icons-material';
 
 import Radio from '../main/settings/Radio';
 import Checkbox from '../main/settings/Checkbox';