Update to use react-editor <App /> component

editor/components/commerce/collection-card.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-// local link - plain anchor
+import { Link } from 'react-router';
 import { Card, CardContent } from '@/editor/components/ui/card';
 
 interface CollectionImage {
@@ -21,7 +21,7 @@ interface CollectionCardProps {
 
 const CollectionCard: React.FC<CollectionCardProps> = ({ collection }) => {
   return (
-    <a href={`/collections/${collection.handle}`} className="block group">
+    <Link to={`/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-gray-100">
@@ -57,7 +57,7 @@ const CollectionCard: React.FC<CollectionCardProps> = ({ collection }) => {
           </div>
         </CardContent>
       </Card>
-    </a>
+    </Link>
   );
 };