Frontend: Refactors Rate bar chart to D3

[benhammondmusic]

Description and Motivation

• create drop in replacement component for the rate chart using d3 rather than Vega
• splits out sub components like Axes, Gridlines etc for smaller code files and mimicking pattern from Mia (d3 trend charts) and @eriwarr (stacked share vs population charts)
• rename rate chart card component that wraps the chart
• renames ambiguous prop metric to more specific mertricConfig
• hides the demographic type label (like "race and ethnicity") vertically along the y axis on small screens to give more horizontal space to the chart
• hide the bar label qualifier per 100k from the smallest screens

Has this been tested? How?

• e2e tests updated and passing
• passing unit tests added for rate bar chart helper functions

Screenshots (if appropriate)

Screen Reader Walk Through Demo (Captions)

https://github.com/user-attachments/assets/9fd9ff56-df1e-441d-b545-c34dc80376aa

Mobile, Compare Mode, Hover Tooltip

Desktop Various Units

Types of changes

(leave all that apply)

• New content or feature
• Refactor / chore

New frontend preview link is below in the Netlify comment 😎

[netlify[bot]]

✅ Deploy Preview for health-equity-tracker ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	22e16ae4e4737139c47d1374faa80e6c825690ea
🔍 Latest deploy log	https://app.netlify.com/sites/health-equity-tracker/deploys/67097509df38de0008239703
😎 Deploy Preview	https://deploy-preview-3713--health-equity-tracker.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 site configuration.