Add Project Health Visualization to Project Page

[kasya]

Create a new section on the Project page to visualize project health metrics. This section should appear at the bottom of the page, with the total project score displayed prominently at the top of the page.

The health section should include multiple charts visualizing trends and activity over the last 30 days.

---

Requirements

1. Issues Health Trend

• Metrics: open_issues_count, unassigned_issues_count
• Chart type: Line chart with two lines
• Purpose: Highlights issue volume and triage responsiveness over time

2. Unanswered Issues Trend

• Metrics: open_issues_count, unanswered_issues_count
• Chart type: Line chart with two lines
• Purpose: Shows proportion of issues that are going unanswered

3. Activity Trend

• Metric: open_pull_requests_count
• Chart type: Line chart
• Purpose: Reflects repository activity and engagement

4. Community Size

• Metrics: stars_count, forks_count (two separate charts)
• Chart type: Line chart over time
• Purpose: Demonstrates community interest and adoption

5. Days Since Last Commit / Last Release

• Derived from: last_committed_at, last_released_at (two charts)
• Chart type: Radial progress bar
• Purpose: Shows recency of activity using status color thresholds:
  • 🟢 Less than 3 days
  • 🟡 3–20 days
  • 🔴 More than 20 days

---

Technical Considerations

• Use a charting library such as ApexCharts for rendering visualizations
• Charts should be responsive and consistent with existing UI styling
• Data should represent daily snapshots from the last 30 days
• Reuse chart components where appropriate to avoid duplication

---

Notes

• Additional metrics such as contributors, compliance status, or other indicators may be added later
• The project health score should be displayed clearly at the top of the Project page for quick reference

Are you going to work on implementing this?

• Yes
• No