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/reader/DoublePage.tsx

@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { Box, styled } from '@mui/system';
+import { Box, styled } from '@mui/material';
 import { IReaderSettings } from 'typings';
 
 const Image = styled('img')({

src/components/reader/Page.tsx

@@ -8,7 +8,7 @@
 
 import React, { useRef } from 'react';
 import SpinnerImage from 'components/util/SpinnerImage';
-import Box from '@mui/system/Box';
+import Box from '@mui/material/Box';
 import { IReaderSettings } from 'typings';
 
 function imageStyle(settings: IReaderSettings): any {

src/components/reader/PageNumber.tsx

@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { Box } from '@mui/system';
+import { Box } from '@mui/material';
 import { IReaderSettings } from 'typings';
 
 interface IProps {

src/components/reader/pager/DoublePagedPager.tsx

@@ -8,7 +8,7 @@
 
 import React, { useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom';
-import { Box } from '@mui/system';
+import { Box } from '@mui/material';
 import Page from 'components/reader/Page';
 import DoublePage from 'components/reader/DoublePage';
 import { IReaderProps } from 'typings';

src/components/reader/pager/HorizontalPager.tsx

@@ -7,7 +7,7 @@
  */
 
 import React, { useEffect, useRef } from 'react';
-import { Box } from '@mui/system';
+import { Box } from '@mui/material';
 import Page from 'components/reader/Page';
 import { IReaderProps } from 'typings';
 

src/components/reader/pager/PagedPager.tsx

@@ -7,7 +7,7 @@
  */
 
 import React, { useEffect, useRef } from 'react';
-import { Box } from '@mui/system';
+import { Box } from '@mui/material';
 import Page from 'components/reader/Page';
 import { IReaderProps } from 'typings';
 

src/components/reader/pager/VerticalPager.tsx

@@ -7,7 +7,7 @@
  */
 
 import React, { useCallback, useEffect, useRef } from 'react';
-import { Box } from '@mui/system';
+import { Box } from '@mui/material';
 import Page from 'components/reader/Page';
 import { IReaderProps } from 'typings';