Bob AI: Add expand on hover animation to product cards. Implement CS

src/components/sections/product/ProductCardOne.tsx

@@ -73,7 +73,7 @@ const ProductCardItem = memo(({
 }: ProductCardItemProps) => {
     return (
         <article
-            className={cls("card group relative h-full flex flex-col gap-4 cursor-pointer p-4 rounded-theme-capped", cardClassName)}
+            className={cls("card group relative h-full flex flex-col gap-4 cursor-pointer p-4 rounded-theme-capped transition-all duration-300 ease-out hover:scale-105 hover:shadow-lg", cardClassName)}
             onClick={product.onProductClick}
             role="article"
             aria-label={`${product.name} - ${product.price}`}