[Fix] Constrain event card title to 2 lines with ellipsis on mobile

[lb1192176991-lab]

What

Constrains the event card title to a maximum of 2 lines with text-overflow ellipsis on mobile and small screens. Long event titles no longer break the card layout or overflow outside boundaries.

Why

When an event has an exceptionally long title, it breaks the layout of the Event Card on mobile screens, causing text to overflow outside the card boundaries.

Testing

• Applied display: -webkit-box with -webkit-line-clamp: 2 to the .eventTitle class
• Added overflow: hidden, text-overflow: ellipsis, and word-break: break-word for cross-browser safety
• Existing layout and animations remain unchanged

Fixes #466

[Aditya948351]

LGTM! Approved. Great work on this.

[Aditya948351]

⚠️ Warning: Thank you for your interest in contributing! However, we are closing this PR because you submitted it directly without first being assigned to the issue. This bypasses our contributing guidelines and makes it difficult to manage tasks fairly. Please comment on issues to request assignment and wait for maintainer approval before opening Pull Requests in the future.