migrate some components to Mui5 new styling system (#72)

* - Changed the value in Manga from 960 to 900( md breakpooint)
- The CicularLoader in About  and Reader screens is now centered to the whole screen
- Changed relative imports in About screen to absolute imports
- removed changed styles from Browse Screen, PageNumber

* Migrated Source Card, Extension Card and LoadingPlaceHolder to MUI system

* Migrated CategorySelect and LandSelect to using the sx prop

* migrated ReaderNavbar to mui 5

* - Removed Unused Styles from Page
- Migrated DoublePage, doublePagedPager, PagedPager, Vertical Pager and Horizontal Pager.

* Replaced style prop with sx prop

* removed useStyles completely from the project except for the Manga Screen

* added a comment

* Fixed the Source Card Buttons padding

* Removed the trailing backspace

Co-authored-by: Sascha Hahne <ntbm@users.noreply.github.com>

Co-authored-by: Sascha Hahne <ntbm@users.noreply.github.com>

src/screens/Browse.tsx

@@ -6,21 +6,13 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 
 import React, { useState } from 'react';
-import makeStyles from '@mui/styles/makeStyles';
 import Tabs from '@mui/material/Tabs';
 import Tab from '@mui/material/Tab';
 import TabPanel from 'components/util/TabPanel';
 import Sources from 'screens/Sources';
 import Extensions from 'screens/Extensions';
 
-const useStyles = makeStyles({
-    noCapitalize: {
-        textTransform: 'none',
-    },
-});
-
 export default function Browse() {
-    const classes = useStyles();
     const [tabNum, setTabNum] = useState<number>(0);
 
     return (
@@ -35,8 +27,8 @@ export default function Browse() {
                 scrollButtons
                 allowScrollButtonsMobile
             >
-                <Tab className={classes.noCapitalize} label="Sources" />
-                <Tab className={classes.noCapitalize} label="Extensions" />
+                <Tab sx={{ textTransform: 'none' }} label="Sources" />
+                <Tab sx={{ textTransform: 'none' }} label="Extensions" />
             </Tabs>
             <TabPanel index={0} currentIndex={tabNum}>
                 <Sources />