[charts] Fix tickLabelInterval not working on YAxis

[JCQuintas]

• Start using tickLabelInterval to determine which labels should be skipped
• Fix small typos

You can test it here: https://codesandbox.io/p/sandbox/mui-mui-x-x-data-grid-forked-lhvxqm?file=%2Fsrc%2Fdemo.tsx%3A161%2C1

fixes #12725

• I have followed (at least) the PR section of the contributing guide.

[mui-bot]

Deploy preview: https://deploy-preview-12746--material-ui-x.netlify.app/

Generated by 🚫 dangerJS against 3e97869

[alexfauquette]

Looks good.

Just wondering why not having the same strategy in both components.

The <XChartsAxis /> uses the tickLabelInterval in the addLabelDimension and the <YChartAxis /> do it in the rendering.

I don't have preferences between the two way, but could be nice to the same thing the same way in both components to simplify the maintainance

[JCQuintas]

I couldn't find anything similar to addLabelDimension in the YChartAxis, the logic in both of them are very different from what I can tell.

[alexfauquette]

I couldn't find anything similar to addLabelDimension in the YChartAxis, the logic in both of them are very different from what I can tell.

My bad, I forgot that the Y axis do not manage the the text size for now