Truncate Program Description on ProgramCard (Show “Read More” for Long Content)

**Is your feature request related to a problem? Please describe.**
Currently, the ProgramCard shows the full program description on smaller screens. When the description is long, it takes up too much space and negatively impacts the UI/UX and readability.

Reference: #2701

**Describe the solution you'd like**
When the program description exceeds a certain length (or number of lines), it should be truncated on the ProgramCard.
In such cases, a “Read More” button should be rendered, allowing users to expand and view the full description.
This behavior should be consistent across all screen sizes, including smaller devices.

**Describe alternatives you've considered**
- Limit the description to a fixed number of characters instead of lines.
- Always show a shortened description with a “View Details” link redirecting to the program page instead of expanding inline.

**Are you going to work on implementing this?**

- [x] Yes
- [ ] No

**Additional context**
On smaller screens, the full description is currently displayed, which breaks the layout and makes the card unnecessarily large.
A truncation + “Read More” approach would improve responsiveness and overall UI consistency.

Start by locating the ProgramCard component and review reference issue #2701 for related context. Decide how the description limit and expansion behavior should apply across screen sizes, then verify that long descriptions are truncated with a “Read More” control and can be expanded without breaking the card layout.

Written by the indexing model from the issue text.