Feature/remove dependency mui system (#331)

* Remove duplicated dependency "@mui/system"

Already included in "@mui/material"

* Remove duplicated dependency "@mui/system" - Fix theme "custom" palette

Already included in "@mui/material"

* Remove duplicated dependency "@mui/system" - Fix imports

Already included in "@mui/material"

src/components/util/EmptyView.tsx

@@ -11,8 +11,7 @@
 import React, { useMemo } from 'react';
 import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
-import { useMediaQuery } from '@mui/material';
-import { Box } from '@mui/system';
+import { Box, useMediaQuery } from '@mui/material';
 
 const ERROR_FACES = ['(･o･;)', 'Σ(ಠ_ಠ)', 'ಥ_ಥ', '(˘･_･˘)', '(；￣Д￣)', '(･Д･。'];
 

src/components/util/LoadingPlaceholder.tsx

@@ -8,7 +8,7 @@
 
 import React from 'react';
 import CircularProgress from '@mui/material/CircularProgress';
-import { Box } from '@mui/system';
+import { Box } from '@mui/material';
 
 interface IProps {
     shouldRender?: boolean | (() => boolean);

src/components/util/SpinnerImage.tsx

@@ -8,9 +8,8 @@
 
 import React, { useEffect, useState, CSSProperties } from 'react';
 import CircularProgress from '@mui/material/CircularProgress';
-import Box from '@mui/system/Box';
-import { Theme } from '@mui/system/createTheme';
-import { SxProps } from '@mui/system/styleFunctionSx';
+import Box from '@mui/material/Box';
+import { Theme, SxProps } from '@mui/material';
 
 interface IProps {
     src: string;

src/components/util/StyledFab.tsx

@@ -6,8 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { Fab } from '@mui/material';
-import { styled } from '@mui/system';
+import { Fab, styled } from '@mui/material';
 
 export const DEFAULT_FAB_STYLE = {
     position: 'fixed',