Update to use react-editor <App /> component

editor/components/commerce/shop-header.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-// local link - plain anchor
+import { Link } from 'react-router';
 import { useShopifyCart } from '@/editor/hooks/use-shopify-cart';
 import config from '@/editor/lib/config.json';
 
@@ -29,7 +29,7 @@ const Header: React.FC = () => {
       <div className="container mx-auto px-4 h-full">
         <div className="flex justify-between items-center h-full">
           {/* Logo */}
-          <a href="/" className="text-lg font-bold text-black font-heading">
+          <Link to="/" className="text-lg font-bold text-black font-heading">
             {config.brand.logo.url ? (
               <img
                 src={config.brand.logo.url}
@@ -39,22 +39,22 @@ const Header: React.FC = () => {
             ) : (
               'Store'
             )}
-          </a>
+          </Link>
 
           {/* Navigation Links */}
           <div className="flex items-center space-x-6">
-            <a
-              href="/"
+            <Link
+              to="/"
               className="text-sm text-black hover:text-gray-600 font-medium transition-colors"
             >
               Products
-            </a>
-            <a
-              href="/collections"
+            </Link>
+            <Link
+              to="/collections"
               className="text-sm text-black hover:text-gray-600 font-medium transition-colors"
             >
               Collections
-            </a>
+            </Link>
 
             {/* Cart Icon */}
             <CartIcon />