Fix Recharts v3 compatibility issues for LabelList formatter API

[Copilot]

This PR fixes the TypeScript compilation errors introduced by the Recharts v3 upgrade in PR #52. The breaking change affected the LabelList component's formatter prop signature.

Problem

Recharts v3 changed the LabelList formatter API:

• v2: formatter?: (value: number) => string
• v3: formatter?: (label: ReactNode) => ReactNode

This caused 4 TypeScript errors across the dashboard:

error TS2322: Type '(value: number) => string' is not assignable to type '(label: ReactNode) => ReactNode'

Solution

Updated all LabelList formatter functions to use the new v3 API:

1. MinificationBenchmarks.tsx (2 instances):

   • Time chart: formatter={(label: React.ReactNode) => \${label}ms`}`
   • Compression chart: formatter={(label: React.ReactNode) => \${label}%`}`

2. RolldownStats.tsx (2 instances):

   • Bundle size diff chart: Added proper type handling for complex logic
   • Build time chart: formatter={(label: React.ReactNode) => \${label}ms`}`

The changes maintain full backward compatibility while ensuring type safety with the new Recharts v3 API.

Verification

• ✅ TypeScript compilation passes
• ✅ All charts render correctly with proper labels
• ✅ No runtime errors
• ✅ Both dashboard pages function as expected

Fixes #56.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.