Aayush event details popup frontend

[aayushshetty12]

Description

Related PRS (if any):

…

Main changes explained:

• Updated ActivityList.jsx to add a modal
  …

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 /communityportal/activities
6. check if the modal is displayed correctly with all details and closes correctly
7. verify this new feature works in dark mode

Screenshots or videos of changes:

Recording.2026-03-06.200858.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	ecd7bc7
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69e33581047ce400082fcdb6
😎 Deploy Preview	https://deploy-preview-4955--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
1 New issue
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]

Checked out the branch and ran the application locally.

Navigated to /communityportal/activities and tested the event details popup.

The modal opens and closes correctly and works in dark mode.

However, the Types dropdown menu box is not displaying in the modal.

Please verify this issue.

[rohanrastogi311]

Hi Aayush,

Dark mode is not functional.

[Anusha-Gali]

Hi Aayush,

I have reviewed your PR locally and though the modal popup works as per requirement, the type is no more a dropdown and even if a text is typed - the search does not work as per requirement. The page's dark mode appears different then your video reference.

[Nirali164]

Hello Ayush,

I have used your branch to check this feature.
However, it has so many issues :

1. The Enter type is a textbox and not a dropdown, as shown in the video
2. The clear all button is grey in color, so the text should be bold white or something more visible.
3. In dark mode, the clear all button is less visible, or I would say it's not appropriate.
4. In Dark mode, the big issue is that the sub information (Date, Location) of each event is not present.

[Anusha-Gali]

Hi Aayush,

Thanks for fixing the issue. The modal and other features work as per requirement.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
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

[one-community]

Thank you all, merging!