refactor: add link in home to go to product test page

apps/commerce/src/app/page.tsx

@@ -1,13 +1,12 @@
-import { api } from '@/sdk/lib/trpc/server';
+import Link from 'next/link';
 
 export default async function HomePage() {
-  const product = await api.product.getProductByHandle({
-    handle: 'camiseta-de-manga-longa'
-  });
-
   return (
     <div className="flex min-h-screen flex-col items-center p-24">
-      <span>{product?.title} Server Component</span>
+      <span>Home</span>
+      <Link href="/product/camiseta-de-manga-longa" prefetch>
+        Produto Teste
+      </Link>
     </div>
   );
 }

apps/commerce/src/app/product/[handle]/page.tsx

@@ -1,5 +1,5 @@
 import { HIDDEN_PRODUCT_TAG } from '@/sdk/lib/constants';
-import { getProduct } from '@/sdk/lib/shopify';
+import { api } from '@/sdk/lib/trpc/server';
 import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 
@@ -14,7 +14,9 @@ export async function generateMetadata({
 }: {
   params: { handle: string };
 }): Promise<Metadata> {
-  const product = await getProduct(params.handle);
+  const product = await api.product.getProductByHandle({
+    handle: params.handle
+  });
 
   if (!product) return notFound();
 
@@ -49,7 +51,9 @@ export async function generateMetadata({
 }
 
 export default async function ProductPage({ params }: Props) {
-  const product = await getProduct(params.handle);
+  const product = await api.product.getProductByHandle({
+    handle: params.handle
+  });
 
   if (!product) return notFound();