Change activity attendance percentages to the community portal

[aryanrachala54]

Description

---

Related PRS:

None

---

Main changes explained:

• Created a single, rule-compliant source for all attendance metrics
• Donut chart now shows attendance composition only (Attending Members vs Community Visitors), with the center label displaying participation rate.
• Added key derived metrics, fixed definitions/tooltips, and eliminated misleading percentage interpretations.

---

How to Test

1. Check out the current branch.

2. Run the following commands:

   • npm install
   • npm run build
   • npm start

3. Start the frontend to load the updated UI.

4. Clear the browser’s site data and cache.

5. Log in as an admin user.

6. Navigate to:
   http://localhost:5173/communityportal/ActivityAttendance

7. Verify that the page renders correctly in both light and dark modes.

8. Confirm that six distinct categories are displayed, each with a corresponding number.

9. Verify that the pie chart renders correctly, showing:

   • Attending Members
   • Community Visitors

   Only these two groups should contribute to the participation percentage.

---

Screenshots of changes:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	249126f
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/696be0ba33ca170008426e42
😎 Deploy Preview	https://deploy-preview-4728--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
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