Update React Editor integration and clean up template

app/collections/[handle]/editor/page.tsx

@@ -1,9 +1,11 @@
 import PageEditor from '@/components/page-editor';
 import pageData from '../page.json';
 
-// Editor for /collections/[handle]. Sitting under the route it edits means the preview
-// resolves the same params the public page gets, and `../page.json` is the
-// very file publishing writes back to.
 export default function EditorPage() {
-  return <PageEditor routeKey="/collections/[handle]" page={pageData} />;
+  return (
+    <PageEditor
+      pagePath="app/collections/[handle]/page.json"
+      page={pageData}
+    />
+  );
 }

app/collections/[handle]/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next';
 import PageRender from '@/components/page-render';
 import { pageMetadata } from '@/lib/page-metadata';
-import { getCollectionProductsPage } from '@/services/shopify/catalog';
+import { getCollectionProductsPage } from '@/services/shopify/shop';
 import { truncate } from '@/lib/utils';
 import page from './page.json';
 
@@ -12,14 +12,11 @@ export async function generateMetadata({
 }): Promise<Metadata> {
   const { handle } = await params;
 
-  // No collection-only query exists, so ask for the smallest page of products
-  // and use just the collection node off it.
+  // Shopify exposes collection metadata through the products connection.
   const { collection } = await getCollectionProductsPage(handle, {
     first: 1,
   }).catch(() => ({ collection: null }));
 
-  // The blocks fetch client-side and render their own empty state, so a failed
-  // lookup falls back to the page.json tags rather than a 500.
   if (!collection) return pageMetadata(page);
 
   return pageMetadata(page, {