fix: scroll to top on page navigation

Author: DevanshuNEU

frontend/src/App.tsx

@@ -15,6 +15,7 @@ import { SemanticSearchPage, DependencyAnalysisPage, ImpactPredictionPage, CodeS
 import { DockerSetupPage, SelfHostingPage } from './pages/deployment';
 import { APIOverviewPage, APIRepositoriesPage, APISearchPage, APIAnalysisPage } from './pages/api';
 import { GitHubCallbackPage } from './pages/GitHubCallbackPage';
+import { ScrollToTop } from './components/ScrollToTop';
 
 function ProtectedRoute({ children }: { children: React.ReactNode }) {
   const { user, loading } = useAuth();
@@ -122,6 +123,7 @@ export function App() {
     >
       <TooltipProvider>
         <BrowserRouter>
+          <ScrollToTop />
           <AuthProvider>
             <AppRoutes />
           </AuthProvider>

frontend/src/components/ScrollToTop.tsx

@@ -0,0 +1,12 @@
+import { useEffect } from 'react'
+import { useLocation } from 'react-router-dom'
+
+export function ScrollToTop() {
+  const { pathname } = useLocation()
+
+  useEffect(() => {
+    window.scrollTo(0, 0)
+  }, [pathname])
+
+  return null
+}