Customer Dashboard Udpdate

frontend/src/components/dashboard/customer/CustomerDashboard.jsx

+import React from "react";
+import {Container} from "react-bootstrap";
+import ForetellerCard from "../../../containers/currency-forteller/ForetellerCard";
+import CommonCheckAuth from "../../../services/CommonAuthCheck";
+
+function CustomerDashboard() {
+    return (
+        <>
+            <Container>
+                <ForetellerCard/>
+            </Container>
+        </>
+    );
+}
+
+export default CommonCheckAuth(CustomerDashboard);

frontend/src/components/dashboard/customer/NavbarCustomer.css

+.navbar {
+  background-color: #060b26;
+  height: 80px;
+  display: flex;
+  justify-content: start;
+  align-items: center;
+}
+
+.menu-bars {
+  margin-left: 2rem;
+  font-size: 2rem;
+  background: none;
+}
+
+.nav-menu {
+  background-color: #060b26;
+  width: 250px;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  position: fixed;
+  top: 0;
+  left: -100%;
+  transition: 850ms;
+}
+
+.nav-menu.active {
+  left: 0;
+  transition: 350ms;
+}
+
+.nav-text {
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  padding: 8px 0px 8px 16px;
+  list-style: none;
+  height: 60px;
+}
+
+.nav-text a {
+  text-decoration: none;
+  color: #f5f5f5;
+  font-size: 18px;
+  width: 95%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  border-radius: 4px;
+}
+
+.nav-text a:hover {
+  background-color: #1a83ff;
+}
+
+.nav-menu-items {
+  width: 100%;
+}
+
+.navbar-toggle {
+  background-color: #060b26;
+  width: 100%;
+  height: 80px;
+  display: flex;
+  justify-content: start;
+  align-items: center;
+}
+
+span {
+  margin-left: 16px;
+}

frontend/src/components/dashboard/customer/NavbarCustomer.jsx

+import React, {useState} from 'react';
+import {Link} from 'react-router-dom';
+import {Nav} from "react-bootstrap";
+import {IconContext} from 'react-icons';
+
+import UserService from "../../../services/UserService";
+import Logo from "../../header/Logo";
+import './NavbarCustomer.css';
+
+function NavbarCustomer(props) {
+    return (
+        <>
+            <IconContext.Provider value={{color: '#fff'}}>
+                <div className='navbar'>
+                    <Link to='#' className='menu-bars'>
+                        <Logo
+                            image={"/images/logo/1.png"}
+                        />
+                    </Link>
+                    <Nav>
+                        <li className="nav-item">
+                            <Link to={'/customer-dashboard'} className={'nav-link text-white'}> Dashboard </Link>
+                        </li>
+                        {/*<li className="nav-item">*/}
+                        {/*    <Link to={'/customer-profile'} className={'nav-link text-white'}> Profile </Link>*/}
+                        {/*</li>*/}
+                        <li className="nav-item">
+                            <Link className={'nav-link text-white'} onClick={UserService.logout}> Logout </Link>
+                        </li>
+
+                    </Nav>
+                </div>
+            </IconContext.Provider>
+        </>
+    );
+}
+
+export default NavbarCustomer;