useEffect(() => {

const handleResize = () => {
if (window.innerWidth < 680) {
setIsSidebarOpen(false);
}
setIsSidebarOpen(true);
};

// Add event listener for window resize
window.addEventListener('resize', handleResize);

// Initial check on component mount
handleResize();

// Clean up event listener on component unmount
return () => {
window.removeEventListener('resize', handleResize);
};

}, []);