feat: Add PR status donut chart (open/merged/closed) to PRMetrics widget

[26Naitik]

Summary

Adds a donut/pie chart to the PRMetrics widget visualizing the distribution of Open, Merged, and Closed PRs at a glance.

Changes

• New component: PRStatusDonutChart.tsx using Recharts PieChart with innerRadius (donut style)
• Integrated into PRMetrics.tsx below the existing stats grid
• Updated /api/metrics/prs route to return separate open, merged, and closed counts using GitHub's is:open, is:merged, and is:unmerged+is:closed search qualifiers
• Colors: var(--accent) for Open, #10b981 (emerald-500) for Merged, var(--muted-foreground) for Closed
• Center label shows total PR count
• Hover tooltip shows count and percentage
• Custom legend with colored dot indicators
• No hardcoded colors beyond emerald-500 fallback

Closes #222

[vercel]

@26Naitik is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Priyanshu-byte-coder]

Good idea adding the closed PR count and donut chart. Two issues:

1. Hardcoded color in PRStatusDonutChart.tsx:

const COLORS = [
  "var(--accent)",           // Open — good
  "#10b981",                 // Merged — hardcoded! Use: color-mix(in srgb, #10b981 100%, transparent) or a CSS var
  "var(--muted-foreground)", // Closed — good
];

Use "#10b981" as-is is acceptable for semantic success color, but ideally use a CSS var. At minimum keep it consistent in LEGEND_LABELS.

2. Conflict — prs/route.ts was modified by a recently merged PR. Please rebase:

git fetch upstream && git rebase upstream/main

Fix conflict and push — will merge after rebase.

[Priyanshu-byte-coder]

PR has merge conflicts with main. Rebase and push — no code changes needed, just conflict resolution:

git fetch upstream
git rebase upstream/main
# resolve any conflicts
git push --force-with-lease

Code looks good — the donut chart, closed field in the API, E2E fixes, and adding @playwright/test as a dev dependency are all correct. Ready to merge once rebased.

[26Naitik]

"Hi @Priyanshu-byte-coder, I've resolved the merge conflicts and force-pushed the branch. All CI checks should be passing now. Could you please review and merge when ready? Thanks!"

[Priyanshu-byte-coder]

Clean addition. CSS vars used correctly (var(--success) defined in globals.css for both themes), combined-account merge updated, E2E mock updated to match. The center-label trick via a transparent second <Pie> is a known Recharts pattern — acceptable. One minor: add a trailing newline to PRStatusDonutChart.tsx. Merging.