🐛 fix(HighlightCard.tsx): change whiteSpace property from 'pre-wrap' to 'normal' for better text wrapping

🐛 fix(Lightbox.tsx): change whiteSpace property from 'pre-wrap' to 'normal' for better text wrapping

Author: marcbon

src/pages/Campaign/useWidgets/Experience/widgets/Insights/HighlightCard.tsx

@@ -97,7 +97,7 @@ const HighlightCard = ({
         </SpecialCard.Header.Label>
         <SpecialCard.Header.Title
           style={{
-            whiteSpace: 'pre-wrap',
+            whiteSpace: 'normal',
             wordBreak: 'break-word',
           }}
         >

src/pages/Campaign/useWidgets/Experience/widgets/Insights/Lightbox.tsx

@@ -104,7 +104,7 @@ const InsightLightbox = ({
               isBold
               style={{
                 margin: `${appTheme.space.xs} 0`,
-                whiteSpace: 'pre-wrap',
+                whiteSpace: 'normal',
                 wordBreak: 'break-word',
               }}
             >