linked login page

frontend/components/Dashboard/Dashboard.jsx

@@ -42,10 +42,14 @@ function Sidebar1() {
         </div>
         <li className="nav-buttons">
           <div className="nav-item">
-            <button onClick={changePageContent}>Overview</button>
+            <button onClick={changePageContent}>
+              <Link href="./dashboard">Overview</Link>
+            </button>
           </div>
           <div className="nav-item">
-            <button onClick={changePageContent}>My Links</button>
+            <button onClick={changePageContent}>
+              <Link href="./myLinks">My Links</Link>
+            </button>
           </div>
           <div className="nav-item">
             <button onClick={changePageContent}>Extras</button>

frontend/components/Dashboard/myLink.style.js

@@ -82,15 +82,12 @@ export default styled.div`
         color: white;
         font-size: 1.1rem;
         margin: 0;
-        padding: 10px 10px 10px 90px;
+        padding: 10px 10px 10px 20px;
         text-align: left;
-        cursor: pointer;
-        display: flex;
-
         :hover {
-          background-color: #07344A;
-          color: #43BFD6;
-          border-left: 5px solid #43BFD6;
+          background-color: #07344a;
+          color: #43bfd6;
+          border-left: 5px solid #43bfd6;
         }
       }
     }

frontend/components/NavBar/index.js

@@ -19,7 +19,12 @@ import NavbarStyle from './Navbar.style'
 import Logo from './Logo'
 import UserAuth, { UserContext } from 'helpers/user/usercontext'
 import Link from 'next/link'
-const settings = ['Profile', 'Account', 'Dashboard', 'Logout']
+const settings = [
+  <Link href="./dashboard">Profile</Link>,
+  'Account',
+  <Link href="./dashboard">Dashboard</Link>,
+  <Link href="./">Logout</Link>
+]
 import NotFound from '@pages/404'
 
 function Index(props) {