fix(ActivityComments): fix sorting comments, upvote/downvote & feedback tab issues

[somramnani]

Description

Related PRS:

This frontend PR is related to the backend development branch.
Related PRs: PR4196, PR4135

Main changes explained:

ActivityComments.jsx:

• Added client-side sorting for activity comments with a toggle between Newest and Oldest.
• Introduced a derived sortedComments list based on createdAt to ensure comments render in the selected order without mutating state.
• Updated the sort button UI to display the active sort type and allow toggling via a single control.
• Wired up upvote and downvote actions to update comment counts in state.
• Fixed the “helpful” feedback behavior to properly toggle likes on repeat clicks instead of incrementing indefinitely.
• Refactored feedback sorting to use a consistent timestamp (createdAt) with safer date handling for all sort modes (Newest, Oldest, Highest Rated, Lowest Rated).

How to test:

1. Check into current branch
2. Do npm install and npm run start:local to run this PR locally
3. Clear site data/cache
4. Login as admin user
5. Go to the URL /communityportal/activity/1/engagement/Comments
6. In the Comments tab check:
   - if the Sorting functionality works
   - if the Upvote/Downvote functionality works
7. In the Feedback tab check:
   - if the Newest first and Oldest first filtering works
   - if the Thumbs button increases or decrease when clicking instead of having the count keep increasing

Screenshots or videos of changes:

Sorting:

PR.4585-Demo.mov

Upvoting and Downvoting:

PR.4585-Upvoting-Downvoting.mov

Newest/Oldest Filtering:

Screen.Recording.2025-12-22.at.4.11.16.PM.mov

Thumbs Up in Feedback Tab:

PR.4585-Thumbs-Up-Demo.mov

Dark Mode:

Screen.Recording.2026-03-19.at.6.23.02.PM.mov

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	3fceb0a
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69bc7726da12da000774c1dc
😎 Deploy Preview	https://deploy-preview-4585--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

[beblicarl]

This functionality works as intended, however, on darkmode it isn't visible enough

https://www.loom.com/share/2ba223f3ccea4c96b832275f6daa8b06

https://www.loom.com/share/f2f04d61bea54763aa71ac5b19ae71e4

[sonarqubecloud]

Quality Gate passed

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