corrected footer and linked the click to apply

src/components/Header/Sidebar.tsx

@@ -1,16 +1,19 @@
 const Sidebar = ({
   toggleSidebar,
-  isSidebarOpen
+  isSidebarOpen,
 }: {
   toggleSidebar: () => void;
   isSidebarOpen: boolean;
 }) => {
+  const isActive = isSidebarOpen ? "sidebar-close" : "sidebar-open";
+
   return (
-    <div className={`sidebar ${isSidebarOpen ? "open" : ""}`}>
+    // <div className={`sidebar ${isSidebarOpen ? "open" : ""}`}>
+    <div className={`${isActive} sidebar`}>
       {/* Sidebar content goes here */}
       <button onClick={toggleSidebar}>Close Sidebar</button>
     </div>
   );
 };
 
-export default Sidebar
+export default Sidebar;