added accounts page in navbar

client/src/App.js

@@ -3,7 +3,7 @@ import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 import CourseForm from "./Pages/CourseForm";
 import './App.css';
 import AuthPage from "./Pages/Login";
-import HomePage from "./Pages/HomePage";
+import Accounts from "./Pages/Accounts";
 import ForgetPwPage from "./Pages/ForgetPw";
 import ResetPwPage from "./Pages/ResetPw";
 import FilterPage from "./Pages/FilterPage";
@@ -20,7 +20,7 @@ function App() {
         <Route path="/" element={<AuthPage />}></Route>
         <Route path="/course-form/:id" element={<PrivateRoute element={<CourseForm />} />} />
         <Route path="/Welcome" element={<PrivateRoute element={<WelcomeWithFilter />} />} />
-        <Route path="/Home" element={<HomePage />}></Route>
+        <Route path="/accounts" element={<Accounts />}></Route>
         <Route path="/ForgetPw" element={<ForgetPwPage />}></Route>
         <Route path="/ResetPw/:token" element={<ResetPwPage />}></Route>
         <Route path="/Filter" element={<PrivateRoute element={<FilterPage />} />}  />

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 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">