Navbar, bulk email (fix toggle error), department consolidated

client/src/Pages/Navbar.jsx

@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from "react";
+import React, { useEffect, useState } from "react";
 import { FaUserCircle } from "react-icons/fa";
 import { NavLink, useNavigate } from "react-router-dom"; // Import NavLink for navigation
 import "./Navbar.css"; // Navbar-specific styles
@@ -43,19 +43,24 @@ const Navbar = () => {
     <header className="navbar">
       <div className="navbar-container">
         <ToastContainer />
-        {/* Appointment To Examiner text at the left */}
-        <NavLink to="/Welcome" className="navbar-title nav-btn">
-          Appointment To Examiner
+
+        <NavLink to="/Welcome" className="navbar-logo">
+          <img src="logo_.png" alt="Logo" className="logo-img" />
         </NavLink>
 
-        {/* Consolidated buttons in the center */}
+
         <div className="button-container">
+
+          {/* Consolidated buttons in the center */}
+
           <NavLink to="/consolidated" className="consolidated-button nav-btn">
-            Faculty 
-            Consolidated
+            Faculty Consolidated
           </NavLink>
           <NavLink to="/courseConsolidated" className="consolidated-button nav-btn">
-            Course      Consolidated
+            Course Consolidated
+          </NavLink>
+          <NavLink to="/departmentConsolidated" className="navbar-title nav-btn">
+            Department Consolidated
           </NavLink>
         </div>
         <div>
@@ -66,16 +71,16 @@ const Navbar = () => {
 
         {/* User icon at the right */}
         <NavLink to="/accounts" className="user-icon-link">
-        {user && user.profilePicture ? (
-              <img
-                src={user.profilePicture}
-                alt="Profile"
-                className="user-icon"
-                style={{ width: '40px', height: '40px', borderRadius: '50%' }}
-              />
-            ) : (
-              <FaUserCircle className="user-icon" />
-            )}
+          {user && user.profilePicture ? (
+            <img
+              src={user.profilePicture}
+              alt="Profile"
+              className="user-icon"
+              style={{ width: '40px', height: '40px', borderRadius: '50%' }}
+            />
+          ) : (
+            <FaUserCircle className="user-icon" />
+          )}
         </NavLink>
       </div>
     </header>