Popup when clicking events widget - Dashboard V5

Clicking on an event in the Événements widget should trigger a popup that slides up from the bottom of the screen and showcases more detailed information about the selected event. When the pop up is up, the background behind the popup gets 50% darker.

**Popup Layout & Content**
Popup Container:
- Appears from the bottom of the screen as an animated slide-in.
- Corner radius (top only): 25px

**Popup Content**
- Event Title: Font size: 20px
- Event Date: Font size: 12px
- Event Image: Displayed in full width below title and date
- Event Description Positioned beneath the image: Font size: 12px
- Action Button: Border radius: 15px, Border: 1px solid , Centered at the bottom of the popup

**Navigation Within the Popup**
- Left and right arrows to navigate to other events directly from the popup at each side of the title

- Pagination dots at the bottom:

**Additional Notes**
- Popup should overlay the entire width of the screen and more than half of its length

- Dismissable by swiping down or tapping outside the popup area.

- Smooth animation for opening and navigation (smooth animation of around 0.5s time)

- Button is an optional external link that can optionally be used for RSVP, read more, or external redirection like a club's social media or site. If there's no link associated with the event then the button would not appear.