Added fix: reset scroll position on route navigation

src/App.tsx

@@ -4,6 +4,7 @@ import Footer from "./components/Footer";
 import ScrollProgressBar from "./components/ScrollProgressBar";
 import { Toaster } from "react-hot-toast";
 import Router from "./Routes/Router";
+import ScrollToTop from "./components/ScrollToTop";
 
 const FULLSCREEN_ROUTES = ["/signup", "/login"];
 
@@ -13,6 +14,7 @@ function App() {
 
   return (
       <div className="relative flex flex-col min-h-screen">
+        <ScrollToTop/>
         {!isFullscreen && <ScrollProgressBar />}
 
         {!isFullscreen && <Navbar />}

src/components/ScrollToTop.tsx

@@ -0,0 +1,15 @@
+import {useEffect} from 'react';
+import {useLocation} from 'react-router-dom';
+/**
+ * Resets the window scroll position to the top
+ * whenever the route pathname changes.
+ */
+function ScrollToTop() {
+    const location = useLocation();
+    useEffect(() => {
+        window.scrollTo(0, 0);
+    },[location.pathname]);
+
+    return null;
+}
+export default ScrollToTop;