Scroll product details to top on navigation

src/pages/ProductDetails.tsx

@@ -143,6 +143,15 @@ const ProductDetails = () => {
   const [variantCurrentPage, setVariantCurrentPage] = useState(1);
   const [variantItemsPerPage, setVariantItemsPerPage] = useState(5);
 
+  useEffect(() => {
+    const scrollContainer = document.querySelector<HTMLElement>('.app-content');
+    if (scrollContainer) {
+      scrollContainer.scrollTo({ top: 0, behavior: 'auto' });
+    } else {
+      window.scrollTo({ top: 0, behavior: 'auto' });
+    }
+  }, [id]);
+
   useEffect(() => {
     let isMounted = true;