Neeraj add event sorting by start time

[Neeraj-Kondaveeti]

Description

Related PRS (if any):

This frontend PR is related to the development backend PR.
…

Main changes explained:

• Added a Sort By option to the Community Portal Activities list, allowing events to be ordered by date (Earliest → Latest or Latest → Earliest).
• Added component tests for ActivityList to cover rendering, filtering, sorting behavior, and dark-mode rendering in preparation for upcoming frontend coverage enforcement.

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. Navigate to : http://localhost:5173/communityportal/Activities
6. Use the Sort By dropdown to switch between Earliest to Latest and Latest to Earliest and confirm the list reorders dynamically.

Screenshots or videos of changes:

Note:

This change is frontend-only; no backend logic was modified.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	11f5d0c
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69c062402221ed0008a1279b
😎 Deploy Preview	https://deploy-preview-4568--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
2 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

[sayali-2308]

Frontend #4568: Reviewed event sorting feature for Community Portal Activities. Checked out branch Neeraj_Add_Event_Sorting_By_Start_Time, ran npm install, cleared cache. Backend on development (frontend-only change, no backend modifications). Logged in as admin, navigated to http://localhost:5173/communityportal/Activities.

Tested Sort By functionality:

1. "Start Time: Earliest to Latest": Events displayed in chronological order (oldest dates first: 2023-12-30, then 2024-01-10, 2024-01-12, etc.)
2. "Start Time: Latest to Earliest": Events displayed in reverse chronological order (newest dates first: 2024-02-01, 2024-01-25, 2024-01-20, etc.)
3. List reorders dynamically without page refresh when changing sort option
4. Date filter compatibility: Applied date filter "30-12-2023" with "Latest to Earliest" sort - correctly displayed only events from that date in sorted order (Coding Workshop, Photography Walk both 2023-12-30)
5. Dark mode: Sort By dropdown visible with proper contrast, activities list readable, no styling issues

Light mode: All elements properly styled and functional
Console: No errors, only standard initialization messages

Feature works exactly as described in PR. Frontend-only change successfully adds sorting capability to Activities list. All functionality tested and working correctly. APPROVED.

[beblicarl]

This feature works as intended and the code is great

[rohanrastogi311]

Hi Neeraj,

Well done with this implementation.

[sonarqubecloud]

Quality Gate passed

Issues
3 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

[one-community]

Thank you all, merging!