Add Modal Popup for Event Details

[deep020206]

Description:
Improve user interaction by showing full event details in a modal when an event card is clicked.
The modal should display extra information and look clean, responsive, and interactive.

Tasks:

• Implement a modal popup triggered on card click.

• Display full event info inside the modal:

  • Title, description, date/time, venue
  • Optional gallery or banner image
  • Registration button / external link

• Add smooth fade-in/fade-out transitions.

• Make modal accessible (ESC to close, focus trap).

• Test responsiveness for both mobile and desktop.

Acceptance Criteria:

• Modal opens smoothly with transition and closes properly.
• Modal content displays correctly and is readable on all screens.
• ESC key closes modal and focus is handled properly.
• Animations and interactions function correctly on all devices.
• Modal matches visual tone and layout quality of the reference design.

Branch suggestion: feature/events-modal
Estimated Time: 4–5 days

Reference: After Clicking view details:

🗒️ Follow the same theme and colour combinations as mentioned in readme for interaction and layout visually similar like above . (Only design make like above visually but theme same as project theme in readme.).

Comment "i want to take this" if u want this issue to be assigned to yourself. The assignment is FCFS

[GoldFoylee]

I want to take this issue. Please assign it to me @deep020206

[UtsavSavani08]

@GoldFoylee The current issue has dependency on the issue #17 which is not comepelte, so if you would like me to assign #17 to you you can comment on that issue.