Mani Shashank Fix: event card equal height and single-line title with ellipsis

[shashankm9]

Description

Main changes explained:

Fixed event card equal height and single-line title with ellipsis

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to URL: http://localhost:5173/communityportal
6. verify Event cards are equal height
7. verify Title is in single line with ellipsis

Screenshots or videos of changes:

Screen.Recording.2026-02-19.213857.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	5ab4083
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6997d995c85ecc0008107be3
😎 Deploy Preview	https://deploy-preview-4871--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Vishnu10-hub]

Tested the changes locally.

• Successfully ran the project and logged in with DevAdmin account
• Verified event cards now maintain equal height across the grid
• Long event titles are correctly truncated to a single line with ellipsis (…)
• Full event title appears properly on hover (tooltip working)
• Verified behavior after resizing the browser (responsive layout works)
• Checked in Dark Mode — text and tooltip are readable and no UI issues observed

All expected behaviors are working as described. No issues found.