update product details

components/commerce/product-card.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Link } from "react-router";
+import Link from "next/link";
 import { Typography } from "@/components/Typography";
 
 type ProductImage = { url: string; altText?: string };
@@ -41,7 +41,7 @@ export function ProductCard({
   };
 
   return (
-    <Link to={`/products/${product.handle}`} className="group block">
+    <Link href={`/products/${product.handle}`} className="group block">
       <div
         className={`relative w-full overflow-hidden rounded-md bg-muted ${aspectClass[aspect]}`}
       >