feat: implement variant selector panel

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>

components/product/product-description.tsx

@@ -19,7 +19,11 @@ export function ProductDescription({ product }: { product: Product }) {
         />
       </div>
       <Suspense fallback={null}>
-        <VariantSelector options={product.options} variants={product.variants} />
+        <VariantSelector
+          options={product.options}
+          variants={product.variants}
+          minPrice={product.priceRange.minVariantPrice}
+        />
       </Suspense>
 
       {product.descriptionHtml ? (
@@ -30,11 +34,11 @@ export function ProductDescription({ product }: { product: Product }) {
       ) : null}
 
       <div className="mb-4 border-t pb-4 pt-6 dark:border-neutral-700">
-        <CoreCharge variants={product.variants} defaultPrice={product.priceRange.minVariantPrice} />
+        <CoreCharge variants={product.variants} />
       </div>
 
       <div className="mb-4 border-t py-6 dark:border-neutral-700">
-        <Warranty productType={product.productType} />
+        <Warranty />
       </div>
 
       <Suspense fallback={null}>