add prettier for auto formatting (#231)

* [Prettier] Add "prettier"

Makes the formatting of the code consistent.
By using the eslint-plugin-prettier formatting issues will be highlighted as a lint error.
These errors will be auto fixed by running "lint --fix" (which can be done automatically on file save)

* [Prettier] Add "prettier" - Fix formatting

src/components/manga/ResumeFAB.tsx

@@ -11,23 +11,29 @@ import { Link } from 'react-router-dom';
 import { PlayArrow } from '@mui/icons-material';
 import { BACK } from 'util/useBackTo';
 
-interface ResumeFABProps{
-    chapter: IChapter
-    mangaId: string
+interface ResumeFABProps {
+    chapter: IChapter;
+    mangaId: string;
 }
 
 export default function ResumeFab(props: ResumeFABProps) {
-    const { chapter: { index, lastPageRead }, mangaId } = props;
+    const {
+        chapter: { index, lastPageRead },
+        mangaId,
+    } = props;
     return (
         <Fab
             sx={{ position: 'fixed', bottom: '2em', right: '3em' }}
             component={Link}
             variant="extended"
             color="primary"
-            to={{ pathname: `/manga/${mangaId}/chapter/${index}/page/${lastPageRead}`, state: { backLink: BACK } }}
+            to={{
+                pathname: `/manga/${mangaId}/chapter/${index}/page/${lastPageRead}`,
+                state: { backLink: BACK },
+            }}
         >
             <PlayArrow />
-            {index === 1 ? 'Start' : 'Resume' }
+            {index === 1 ? 'Start' : 'Resume'}
         </Fab>
     );
 }