frontend changes

client/src/Pages/Navbar.jsx

@@ -1,25 +1,24 @@
 import React from "react";
 import { FaUserCircle } from "react-icons/fa";
-import { useNavigate } from "react-router-dom"; // Import for navigation
+import { NavLink } from "react-router-dom"; // Import NavLink for navigation
 import "./Navbar.css"; // Navbar-specific styles
 
 const Navbar = () => {
-  const navigate = useNavigate(); // Hook for navigation
-
-  const goToConsolidatedPage = () => {
-    navigate("/consolidated"); // Route to the consolidated page
-  };
-
   return (
-    <header className="navbar">
+    <header className="navbar mb-10">
       <div className="navbar-container">
         <FaUserCircle className="user-icon" />
-        <button
-          className="consolidated-button"
-          onClick={goToConsolidatedPage}
-        >
-          Go to Consolidated Page
-        </button>
+        <div className="button-container">
+          <NavLink to="/consolidated" className="consolidated-button">
+            Faculty Form
+          </NavLink>
+          <NavLink to="/course-form" className="course-form-button">
+            Course Form
+          </NavLink>
+        </div>
+        <div>
+          
+        </div>
       </div>
     </header>
   );