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/DesktopSideBar.tsx

@@ -10,8 +10,8 @@ import React from 'react';
 import { ListItemIcon, Tooltip, styled, ListItemButton } from '@mui/material';
 import { Link, 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 SideNavBarContainer = styled('div')(({ theme }) => ({
     height: '100vh',