fixed images and links

src/components/Navbar.tsx

@@ -48,7 +48,7 @@ const Navbar = () => {
 		<StyledHeader style={{ color: "white", justifyItems: "space-between" }}>
 			<div>
 				<img
-					src="/llama.png"
+					src={`${process.env.PUBLIC_URL}/llama.png`}
 					alt="llama logo"
 					style={{ width: "60px" }}
 				/>
@@ -70,7 +70,7 @@ const Navbar = () => {
 				<FontAwesomeIcon icon={faExternalLinkAlt} />
 			</a>
 			<div className="right">
-				<Link to="/login">Login</Link>
+				<Link to={`${process.env.PUBLIC_URL}/login`}>Login</Link>
 			</div>
 		</StyledHeader>
 	)

src/components/Sidebar.tsx

@@ -38,19 +38,25 @@ const Sidebar = () => {
 			<StyledMenuContainer>
 				<Menu theme="dark" mode="inline">
 					<Menu.Item icon={<HomeOutlined />}>
-						<Link to="/">Home</Link>
+						<Link to={`${process.env.PUBLIC_URL}/`}>Home</Link>
 					</Menu.Item>
 					<Menu.Item icon={<DashboardOutlined />}>
-						<Link to="/dashboard">Dashboard</Link>
+						<Link to={`${process.env.PUBLIC_URL}/dashboard`}>
+							Dashboard
+						</Link>
 					</Menu.Item>
 					<Menu.Item icon={<AppstoreAddOutlined />}>
-						<Link to="/modules">Modules</Link>
+						<Link to={`${process.env.PUBLIC_URL}/modules`}>
+							Modules
+						</Link>
 					</Menu.Item>
 					<Menu.Item icon={<ClockCircleOutlined />}>
-						<Link to="/logs">Logs</Link>
+						<Link to={`${process.env.PUBLIC_URL}/logs`}>Logs</Link>
 					</Menu.Item>
 					<Menu.Item icon={<ExclamationCircleOutlined />}>
-						<Link to="/incidents">Incidents</Link>
+						<Link to={`${process.env.PUBLIC_URL}/incidents`}>
+							Incidents
+						</Link>
 					</Menu.Item>
 					<SidebarCollapseButton
 						style={{