fix(dashboard): Add Metadata form to variant page (#10285)

Adds Metadata form to the Product Variant details page.

packages/admin/dashboard/src/routes/product-variants/product-variant-metadata/index.ts

@@ -0,0 +1 @@
+export { ProductVariantMetadata as Component } from "./product-variant-metadata"

packages/admin/dashboard/src/routes/product-variants/product-variant-metadata/product-variant-metadata.tsx

@@ -0,0 +1,30 @@
+import { useParams } from "react-router-dom"
+import { MetadataForm } from "../../../components/forms/metadata-form/metadata-form"
+import { useProductVariant, useUpdateProductVariant } from "../../../hooks/api"
+
+export const ProductVariantMetadata = () => {
+  const { id, variant_id } = useParams()
+
+  const { variant, isPending, isError, error } = useProductVariant(
+    id!,
+    variant_id!
+  )
+
+  const { mutateAsync, isPending: isMutating } = useUpdateProductVariant(
+    id!,
+    variant_id!
+  )
+
+  if (isError) {
+    throw error
+  }
+
+  return (
+    <MetadataForm
+      metadata={variant?.metadata}
+      hook={mutateAsync}
+      isPending={isPending}
+      isMutating={isMutating}
+    />
+  )
+}