auto scroll to top on product details

src/pages/Products/Product.jsx

   let { pid } = useParams();
   const product = useSelector((state) => state.products.product.data)
   const dispatch = useDispatch();
-  
+
   useEffect(() => {
 
+    window.scrollTo({
+      top: 0,
+    });
+
     dispatch(fetchProduct(pid))
-    
-    if(localStorage.getItem('amber-product-history')){
+
+    if (localStorage.getItem('amber-product-history')) {
 
       let productHistory = JSON.parse(localStorage.getItem('amber-product-history'))
-      
-      if(productHistory.includes(pid)) return
+
+      if (productHistory.includes(pid)) return
 
       productHistory = [pid, ...productHistory]
       productHistory = productHistory.slice(0, 6)
         lg: 10
       }
     }}>
-      <Grid container spacing={0} sx={{ mt: 10, mb:5 }}>
+      <Grid container spacing={0} sx={{ mt: 10, mb: 5 }}>
 
         <Grid size={{ xs: 12, md: 6 }}>
           <Box sx={{ paddingRight: 1 }}>
 
       <SocialMedia />
       <Box sx={{
-        display:{
-          xs:"none",
-          sm:"none",
-          md:"block"
+        display: {
+          xs: "none",
+          sm: "none",
+          md: "block"
         }
       }}>
-      <Feature />
+        <Feature />
       </Box>
-      
+
     </Box>
 
   )