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/navbar/navigation/MobileBottomBar.tsx

@@ -10,8 +10,8 @@ import React from 'react';
 import { styled, Box, ListItemButton } from '@mui/material';
 import { Link as RRDLink, useLocation } from 'react-router-dom';
 import { useTheme } from '@mui/material/styles';
-import { NavbarItem } from 'typings';
 import { useTranslation } from 'react-i18next';
+import { NavbarItem } from '@/typings';
 
 const BottomNavContainer = styled('div')(({ theme }) => ({
     bottom: 0,