css changes

client/src/Pages/CourseTable.jsx

@@ -2,7 +2,8 @@ import React, { useState, useEffect } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import "./CourseTable.css";
 import { fetchCourses, fetchAppointments } from "../api";
-import Navbar from "./Navbar";
+
+import FilterPage from "./FilterPage";
 
 const CourseTable = () => {
   const { state } = useLocation();
@@ -32,7 +33,6 @@ const CourseTable = () => {
   }, [state?.courses, state?.academicYear]);
 
   const getStatus = (courseId) => {
-    // Check if there's an appointment for the given courseId
     return appointments.some((appointment) => appointment.courseId === courseId)
       ? "Submitted"
       : "Not Submitted";
@@ -50,7 +50,9 @@ const CourseTable = () => {
 
   return (
     <>
-      <Navbar />
+     
+      {/* Pass setCourses to FilterPage so it can update the course list */}
+      <FilterPage setCourses={setCourses} />
       <table className="course-table">
         <thead>
           <tr>