added accounts page in navbar

client/src/Pages/Accounts.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { Container, Col, Row, Button, Spinner } from "react-bootstrap";
+import { Container, Col, Row, Button, Spinner, Navbar } from "react-bootstrap";
 import axios from "axios";
 import { ToastContainer, toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
@@ -58,6 +58,7 @@ function HomePage(props) {
 
   return (
     <>
+    <Navbar />
     <ToastContainer />
       <div className="LoginPage">
         <Container className="HomePageContainer ProfileContainer">

client/src/Pages/Navbar.jsx

@@ -7,10 +7,12 @@ const Navbar = () => {
   return (
     <header className="navbar">
       <div className="navbar-container">
-        <NavLink to="/Welcome">
-          <FaUserCircle className="user-icon" />
-            Appointment To Examiner
+        {/* Appointment To Examiner text at the left */}
+        <NavLink to="/Welcome" className="navbar-title">
+          Appointment To Examiner
         </NavLink>
+
+        {/* Consolidated buttons in the center */}
         <div className="button-container">
           <NavLink to="/consolidated" className="consolidated-button">
             Faculty Consolidated
@@ -19,7 +21,11 @@ const Navbar = () => {
             Course Consolidated
           </NavLink>
         </div>
-        <div></div>
+
+        {/* User icon at the right */}
+        <NavLink to="/accounts" className="user-icon-link">
+          <FaUserCircle className="user-icon" />
+        </NavLink>
       </div>
     </header>
   );

client/src/Pages/WelcomeWithFilter.jsx

@@ -84,7 +84,7 @@ const WelcomeWithFilter = () => {
           // Default welcome content
           <div className="welcome-content">
             <div className="welcome-message">
-              <h1>Welcome</h1>
+              <h1>Appointment To Examiner</h1>
               <p>You’re signed in</p>
             </div>
             <div className="image-container">