feat: fix recommendations card subtitle (#1070)

src/recommendations/ProductCard/BaseCard/index.jsx

@@ -39,8 +39,8 @@ const BaseCard = ({
         />
         <Card.Header
           className="mt-2"
-          title={truncateText(title)}
-          subtitle={truncateText(subtitle)}
+          title={truncateText(title, 50)}
+          subtitle={truncateText(subtitle, 30)}
         />
         <Card.Section className="d-flex">
           <div className="product-badge">

src/recommendations/data/utils.js

@@ -47,7 +47,9 @@ export const getVariant = (productType) => (
 
 export const createCodeFriendlyProduct = (type) => type?.replace(/\s+/g, '-').replace(/'/g, '').toLowerCase();
 
-export const truncateText = (input) => (input?.length > 50 ? `${input.substring(0, 50)}...` : input);
+export const truncateText = (input, textLength) => (
+  input?.length > textLength ? `${input.substring(0, textLength)}...` : input
+);
 
 export const filterLocationRestriction = (products, countryCode) => products.filter((product) => {
   if (product.locationRestriction) {