Siva -Fix activity FAQ/Comments route

[pavanputti]

Description

Related PRS (if any):

This frontend PR is related to the development backend PR. To test this frontend PR, you need to checkout the development backend PR.
…

Main changes explained:

• routes.jsx: Add route for /communityportal/activity/:activityid/comments (and /Comments) rendering full Activity with FAQs tab; add base route /communityportal/activity/:activityId; remove unused Resources import.
• Activity.jsx: Support initialTab, render ActivityFAQs in FAQs tab; add event type line, Location/Link labels, status pill, participant avatars.
• Activity.css: New global stylesheet (replaces Activity.module.css) so header, event card, tabs, and calendar are styled.
• ActivityFAQs.jsx: Change search placeholder to "Search".

How to test:

1. Check out siva/activity-faq-comments-section, run npm install and npm start.
2. Log in with Community Portal access.
3. Open /communityportal/activity/1/comments.
4. Confirm full activity page loads with FAQs tab active, styled header (event card, tabs, calendar), and FAQ section below.
5. Confirm in dark mode if needed.

Screenshots or videos of changes:

Before:

After:

Screen.Recording.2026-01-31.at.9.50.08.PM.mov

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

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

[HemanthNidamanuru]

Hi,

I tested this PR locally and the activity page loads correctly with the FAQs tab and section working as expected. Everything looks good.

[Anusha-Gali]

Hi Siva,

I have reviewed your PR locally and through the functionality does work as expected. Comparing it to the reference image - the Frequently asked questions section above the dropdown is not centered, and event the title is too close to the border.
Issue

Working Screenshots

[sonarqubecloud]

Quality Gate passed

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

[pavanputti]

Hi Siva,

I have reviewed your PR locally and through the functionality does work as expected. Comparing it to the reference image - the Frequently asked questions section above the dropdown is not centered, and event the title is too close to the border.

Hi @Anusha-Gali,

Thank you for reviewing the PR and pointing this out. I’ve updated the Frequently Asked Questions section to center it properly and adjusted the title spacing from the border to better match the reference image.

Could you please check the latest changes in PR #4553 (#4553
) when you get a chance? Thanks! 🙂

[rohanrastogi311]

Hi Siva,

Well done with this implementation.

[Anusha-Gali]

Hi Siva,

Thanks for fixing the issue, i have re-reviewed and the UI is almost similar to the requirement.

[Vishnu10-hub]

Hi,

I have tested this PR locally. The FAQ section loads correctly, the event header, tabs, and calendar are displayed as expected. Functionality works properly in both light and dark modes. Everything appears aligned with the requirements

[one-community]

Thank you all, merging!