🔨 (slope) replace custom y-axis with shared component

[sophiamersmann]

Replaces the SlopeChart's custom y-axis component with the <VerticalAxisComponent /> that is a shared component used by a number of chart types.

Summary

• In theory, this should be a pure refactor without any visual changes
• But we want to remove the axis labels on the right anyway, so there is no need to re-construct them in this PR
• I also added some tick marks to make it obvious that the labels on the left amount to an axis, and I added gridlines to visually connect the axis to the actual chart area
• Christian hasn't done a design review yet, so details might change, but the bulk of the work (replacing the axis component) is ready to review

Context

Part of a larger body of work. See stack 👇🏻

[sophiamersmann]

• 🐛 (slope) fix chart state if entity without data is selected #3321 : 2 dependent PRs (#3269 , #3389 )
• ✨ (slope) remove size dimension #3291
• ✨ (slope) move legend to the top on mobile #3304
• ✨ (slope) show value labels on demand #3288
• 🔨 (slope) replace custom y-axis with shared component #3273 👈
• ✨ (slope) improve hover interaction #3270
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @sophiamersmann and the rest of your teammates on Graphite

[marcelgerber]

Very nice! Feel free to address these two nits or not, otherwise this is pretty great.

[sophiamersmann]

Merge activity

• Mar 22, 5:33 AM EDT: @sophiamersmann started a stack merge that includes this pull request via Graphite.
• Mar 22, 5:34 AM EDT: @sophiamersmann merged this pull request with Graphite.