Merge pull request #334 from love-sonkar/scrolltotop

fixes footer link navigates to home with scroll top

web/src/App.jsx

@@ -4,18 +4,21 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { Home, Contributors, Guide, ProjectList } from "./pages";
 import MasterLayout from "./layouts";
 import { IssueList } from "./pages/Issues/IssueList";
+import ScrollTop from "./components/ScrollTop";
 
 function App() {
   return (
     <BrowserRouter>
       <MasterLayout>
+          <ScrollTop>
         <Routes>
           <Route path="/" element={<Home />} />
           <Route path="/contributors" element={<Contributors />} />
           <Route path="/Docs" element={<Guide />} />
           <Route path="/projects" element={<ProjectList />} />
           <Route path="/issues" element={<IssueList />} />
         </Routes>
+          </ScrollTop>
       </MasterLayout>
     </BrowserRouter>
   );

web/src/components/ScrollTop.jsx

@@ -0,0 +1,20 @@
+import {useEffect} from 'react'
+import { useLocation } from 'react-router-dom'
+
+
+const ScrollTop = ({children}) => {
+    const location = useLocation()
+   useEffect(() => {
+     window.scrollTo({
+        top: 0,
+        left: 0,
+        behavior: "smooth"
+     })
+   }, [location])
+
+  return (
+    <>{children}</>
+  )
+}
+
+export default ScrollTop