update product details

components/commerce/collection-card.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link } from 'react-router';
+import Link from 'next/link';
 import { Card, CardContent } from '@/components/ui/card';
 import { Typography } from '@/components/Typography';
 
@@ -22,7 +22,7 @@ interface CollectionCardProps {
 
 const CollectionCard: React.FC<CollectionCardProps> = ({ collection }) => {
   return (
-    <Link to={`/collections/${collection.handle}`} className="block group">
+    <Link href={`/collections/${collection.handle}`} className="block group">
       <Card className="hover:shadow-xl transition-shadow duration-300 overflow-hidden py-0 gap-0">
         {/* Collection Image */}
         <div className="aspect-video overflow-hidden bg-muted">