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/context/AppContext.tsx

@@ -7,16 +7,16 @@
  */
 
 import { StyledEngineProvider, ThemeProvider } from '@mui/material/styles';
-import LibraryOptionsContextProvider from 'components/library/LibraryOptionsProvider';
-import NavBarContextProvider from 'components/navbar/NavBarContextProvider';
 import React, { useMemo } from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { SWRConfig } from 'swr';
-import createTheme from 'theme';
 import { QueryParamProvider } from 'use-query-params';
-import useLocalStorage from 'util/useLocalStorage';
-import DarkTheme from 'components/context/DarkTheme';
 import { ReactRouter6Adapter } from 'use-query-params/adapters/react-router-6';
+import createTheme from '@/theme';
+import useLocalStorage from '@/util/useLocalStorage';
+import DarkTheme from '@/components/context/DarkTheme';
+import NavBarContextProvider from '@/components/navbar/NavBarContextProvider';
+import LibraryOptionsContextProvider from '@/components/library/LibraryOptionsProvider';
 
 interface Props {
     children: React.ReactNode;

src/components/context/LibraryOptionsContext.tsx

@@ -7,7 +7,7 @@
  */
 
 import React, { useContext } from 'react';
-import { LibraryOptions } from 'typings';
+import { LibraryOptions } from '@/typings';
 
 type ContextType = {
     options: LibraryOptions;

src/components/context/NavbarContext.tsx

@@ -7,7 +7,7 @@
  */
 
 import React, { useContext, useEffect } from 'react';
-import { INavbarOverride } from 'typings';
+import { INavbarOverride } from '@/typings';
 
 type ContextType = {
     // Default back button url