CFE-27 fixed mui bugs

src/core/components/LoadingHardPage.jsx

@@ -1,5 +1,6 @@
-import {Backdrop, Box, styled} from "@mui/material";
 import SvgLoading from "@/core/components/svgs/SvgLoading";
+import {Backdrop, Box} from "@mui/material";
+import {styled} from "@mui/material/styles";
 
 const LoadingImage = styled(Box)({
     "@keyframes load": {

src/core/components/StyledForm.jsx

@@ -1,5 +1,5 @@
-import {styled} from "@mui/material";
 import {Form} from "formik";
+import {styled} from "@mui/material/styles";
 
 const StyledForm = styled(Form)``;
 

src/core/components/svgs/Svg403.jsx

@@ -1,4 +1,4 @@
-import {useTheme} from "@mui/material";
+import {useTheme} from "@mui/material/styles";
 
 const Svg403 = ({width, height}) => {
     const theme = useTheme()

src/core/components/svgs/Svg404.jsx

@@ -1,4 +1,4 @@
-import {useTheme} from "@mui/material";
+import {useTheme} from "@mui/material/styles";
 
 const Svg404 = ({width, height}) => {
     const theme = useTheme()

src/core/components/svgs/SvgChangePassword.jsx

@@ -1,4 +1,4 @@
-import {useTheme} from "@mui/material";
+import {useTheme} from "@mui/material/styles";
 
 const SvgChangePassword = ({width, height}) => {
     const theme = useTheme()

src/core/components/svgs/SvgDashboard.jsx

@@ -1,9 +1,9 @@
-import {useTheme} from "@mui/material";
+import {useTheme} from "@mui/material/styles";
 
 const SvgDashboard = ({width, height}) => {
     const theme = useTheme()
     const fillColor = theme.palette.primary.main
-    
+
     return (
         <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height}
              viewBox="0 0 1029.56255 548.69495">

src/core/components/svgs/SvgLoading.jsx

@@ -1,4 +1,4 @@
-import {useTheme} from "@mui/material";
+import {useTheme} from "@mui/material/styles";
 
 const SvgLoading = ({width, height}) => {
     const theme = useTheme()

src/core/components/svgs/SvgLogin.jsx

@@ -1,4 +1,4 @@
-import {useTheme} from "@mui/material";
+import {useTheme} from "@mui/material/styles";
 
 const SvgLogin = ({width, height}) => {
     const theme = useTheme()