feat: Login Page

renderer/components/Sidebar/MenuBar/StyledWrapper.js

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 const Wrapper = styled.div`
   background-color: rgb(44, 44, 44);
   color: rgba(255, 255, 255, 0.5);
+  min-height: 100vh;
 
   .menu-item {
     padding: 0.6rem;

renderer/components/Sidebar/MenuBar/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import Link from 'next/link';
 import { IconCode, IconStack, IconGitPullRequest, IconUser, IconUsers, IconSettings,IconBuilding } from '@tabler/icons';
 import StyledWrapper from './StyledWrapper';
 
@@ -7,7 +8,9 @@ const MenuBar = () => {
     <StyledWrapper className="h-full flex flex-col">
       <div className="flex flex-col">
         <div className="menu-item active">
-          <IconCode size={28} strokeWidth={1.5}/>
+          <Link href="/">
+            <IconCode size={28} strokeWidth={1.5}/>
+          </Link>
         </div>
         <div className="menu-item">
           <IconStack size={28} strokeWidth={1.5}/>
@@ -25,7 +28,9 @@ const MenuBar = () => {
           <IconBuilding size={28} strokeWidth={1.5}/>
         </div> */}
         <div className="menu-item">
-          <IconUser size={28} strokeWidth={1.5}/>
+          <Link href="/login">
+            <IconUser size={28} strokeWidth={1.5}/>
+          </Link>
         </div>
         <div className="menu-item">
           <IconSettings size={28} strokeWidth={1.5}/>