Fix statistics cards text truncation and layout

[Laxmi01345]

📝 Description

This PR fixes the statistics cards so that their text descriptions are fully readable instead of being truncated with ....

Previously, some cards (e.g. “Kids whose lives have been impacted by Sugar”) were manually truncated and restricted to a single line, which cut off important information (e.g. showing “Kids whose l...” instead of the full sentence).

With this change:

• Removed manual truncation logic from the statistics descriptions.
• Allowed the text to wrap to multiple lines (2–3 lines) so the complete description is visible.
• Adjusted spacing/height on the cards to keep the layout balanced with multi-line text.
• Verified that the updated cards look correct on desktop, tablet, and mobile.

This now matches the expected behavior: all statistics cards display the complete text descriptions, and the text wraps to multiple lines when needed.

🔗 Related Issue

Fixes #550

🔄 Type of Change

• 🎨 UI/UX Update (visual changes, styling improvements)
• 🐛 Bug Fix

📷 Visual Changes

Screenshots / GIFs

Before

After

🧪 Testing Performed

🖥️ Responsive Design

• Desktop (1200px+)
• Tablet (768px - 1199px)
• Mobile (320px - 767px)

✅ Test Cases

1. Verified that all statistics card descriptions show the full text with no ... truncation.
2. Confirmed that cards remain aligned and evenly spaced with longer multi-line text.
3. Checked that the layout works correctly on desktop, tablet, and mobile viewports.

[github-actions]

🎉 All Checks Passed!

Status: ✅ Ready to merge

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

---

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏