Refactor code to use absolute import

frontend/src/components/App.scss

-@import "../scss/custom";
+@import "scss/custom";
 
 body {
   margin: 0;

frontend/src/components/organisms/TopBar/TopBar.tsx

@@ -2,8 +2,8 @@ import React from "react";
 import Container from "react-bootstrap/Container";
 import Navbar from "react-bootstrap/Navbar";
 import Nav from "react-bootstrap/Nav";
-import logo from "../../../images/logo.svg";
-import userPic from "../../../images/user.png";
+import logo from "images/logo.svg";
+import userPic from "images/user.png";
 import "./style.scss";
 
 const TopBar: React.FC = () => {

frontend/src/components/pages/ExamplePage.tsx

@@ -3,8 +3,8 @@ import React from "react";
 import Jumbotron from "react-bootstrap/Jumbotron";
 import Container from "react-bootstrap/Container";
 
-import ButtonsShowcase from "../molecules/Buttons";
-import ToastsShowcase from "../molecules/Toasts";
+import ButtonsShowcase from "components/molecules/Buttons";
+import ToastsShowcase from "components/molecules/Toasts";
 
 const ExamplePage: React.FC = () => {
   return (

frontend/tsconfig.json

@@ -17,7 +17,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+		"jsx": "react",
+		"baseUrl": "src"
   },
   "include": [
     "src"