fix: Scroll to top on path change (#3926)

frontend/web/components/App.js

@@ -35,6 +35,7 @@ import SegmentsIcon from './svg/SegmentsIcon'
 import AuditLogIcon from './svg/AuditLogIcon'
 import Permission from 'common/providers/Permission'
 import HomeAside from './pages/HomeAside'
+import ScrollToTop from './ScrollToTop';
 
 const App = class extends Component {
   static propTypes = {
@@ -710,6 +711,7 @@ const App = class extends Component {
             )
           }}
         </AccountProvider>
+        <ScrollToTop/>
       </Provider>
     )
   }

frontend/web/components/ScrollToTop.tsx

@@ -0,0 +1,16 @@
+import { FC, useEffect } from 'react'
+import { withRouter } from 'react-router-dom'
+import { RouteComponentProps } from 'react-router'
+
+type ScrollToTopType = RouteComponentProps & {}
+
+const ScrollToTop: FC<ScrollToTopType> = (props) => {
+  const pathname = props.location.pathname
+  useEffect(() => {
+    window.scrollTo(0, 0)
+  }, [pathname])
+
+  return null
+}
+
+export default withRouter(ScrollToTop)