Fix: product page does not scroll to top on product click

frontend/src/app/(pages)/(public)/product/[id]/[name]/page.tsx

@@ -8,6 +8,7 @@ import * as UserService from '@/lib/UserService'
 import * as WishlistService from '@/lib/WishlistService'
 import ProductComponent from '@/components/Product'
 import Indicator from '@/components/Indicator'
+import ScrollToTop from '@/components/ScrollToTop'
 
 const Product = async (props: { params: Promise<{ id: string, name: string }> }) => {
   const params = await props.params
@@ -30,12 +31,19 @@ const Product = async (props: { params: Promise<{ id: string, name: string }> })
     console.error(err)
   }
 
-  return product ? (
-    <Suspense fallback={<Indicator />}>
-      <ProductComponent product={product} />
-    </Suspense>
-  ) : (
-    <NoMatch />
+  return (
+    <>
+      <ScrollToTop />
+      {
+        product ? (
+          <Suspense fallback={<Indicator />}>
+            <ProductComponent product={product} />
+          </Suspense>
+        ) : (
+          <NoMatch />
+        )
+      }
+    </>
   )
 }
 

frontend/src/components/ScrollToTop.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { useEffect } from 'react'
+
+const ScrollToTop = () => {
+  useEffect(() => {
+    window.scrollTo(0, 0)
+  }, [])
+
+  return null
+}
+
+export default ScrollToTop