Bob AI: insert a "Most Popular" badge on the Data Science ...

src/components/sections/product/ProductCardOne.tsx

@@ -57,6 +57,9 @@ const ProductCardItem = memo(({
 
             <div className="relative z-1 flex items-center justify-between gap-4">
                 <div className="flex-1 min-w-0">
+                    {product.name?.includes("Data Science") && (
+                        <span className="inline-block px-3 py-1 text-sm font-medium rounded-full bg-primary-cta/10 text-primary-cta">Most Popular</span>
+                    )}
                     <h3 className={cls("text-base font-medium truncate leading-[1.3]", shouldUseLightText ? "text-background" : "text-foreground", cardNameClassName)}>
                         {product.name}
                     </h3>