Update frontend/src/components/Layout.jsx

frontend/src/components/Layout.jsx

@@ -15,6 +15,32 @@ export const Layout = ({ children }) => {
     setGlobalSearchQuery(urlQuery);
   }, [urlQuery]);
 
+  // Restore and persist scroll position across page refresh
+  useEffect(() => {
+    const scrollKey = `scroll_pos_${location.pathname}${location.search}`;
+    const savedScroll = sessionStorage.getItem(scrollKey);
+    if (savedScroll) {
+      const scrollY = parseInt(savedScroll, 10);
+      if (!isNaN(scrollY) && scrollY > 0) {
+        const timer = setTimeout(() => {
+          window.scrollTo({ top: scrollY, behavior: 'instant' });
+        }, 80);
+        return () => clearTimeout(timer);
+      }
+    }
+  }, [location.pathname, location.search]);
+
+  useEffect(() => {
+    const handleScroll = () => {
+      const scrollKey = `scroll_pos_${location.pathname}${location.search}`;
+      sessionStorage.setItem(scrollKey, window.scrollY.toString());
+    };
+    window.addEventListener('scroll', handleScroll, { passive: true });
+    return () => {
+      window.removeEventListener('scroll', handleScroll);
+    };
+  }, [location.pathname, location.search]);
+
   const [isDemoMode, setIsDemoMode] = useState(false);
   const [isProfileOpen, setIsProfileOpen] = useState(false);
   const [isNotificationsOpen, setIsNotificationsOpen] = useState(false);