update: refactor construct json file to map with each router with component

src/modules/products/components/vt-product-card/index.tsx

@@ -70,6 +70,7 @@ export default function ProductCard({
     content: styles?.content ?? "p-6 flex flex-col flex-1",
     title: styles?.title ?? "mt-2 text-ui-fg-base",
     price: styles?.price ?? "mt-2 flex items-baseline gap-2",
+    description: styles?.description ?? "txt-small text-[#285A86] my-4",
     reviews: {
       container: styles?.reviews?.container ?? undefined,
       stars: styles?.reviews?.stars ?? "flex gap-1",
@@ -130,6 +131,7 @@ export default function ProductCard({
         <div className={classes.price}>
           {cheapestPrice && <PreviewPrice price={cheapestPrice} />}
         </div>
+
         {(classes.reviews.rating !== undefined ||
           classes.reviews.count !== undefined) && (
           <div
@@ -180,11 +182,7 @@ export default function ProductCard({
           </div>
         )}
 
-        {/* <div className="my-4">
-          <Divider />
-        </div> */}
-
-        <Text className="txt-small text-[#285A86] my-4">{description}</Text>
+        <Text className={clx(classes.description, "txt-small my-4")}>{description}</Text>
 
         <div className="flex gap-3 mt-auto">
           <Button