Feature/use alias for imports (#352)

* Use alias "@" for imports

* Use alias "@" for imports - Fix imports

* Use alias "@" for imports - Prevent faulty "import/extensions" linting issue

For some reason the rule throws an error for alias imports

* Use alias "@" for imports - Update "no-relative-imports" eslint rule

src/components/reader/Page.tsx

@@ -7,9 +7,9 @@
  */
 
 import React, { useRef } from 'react';
-import SpinnerImage from 'components/util/SpinnerImage';
 import Box from '@mui/material/Box';
-import { IReaderSettings } from 'typings';
+import { IReaderSettings } from '@/typings';
+import SpinnerImage from '@/components/util/SpinnerImage';
 
 function imageStyle(settings: IReaderSettings): any {
     const [dimensions, setDimensions] = React.useState({