fix(xy): multilayer time axis tick/grid only when tick is inside domain

[monfera]

Summary

• no grid and tick lines for the leftmost, still labeled ticks if they're outside the shown domain, similar to the timeslip prototype
• instead of showing the start of the domain, the tick label for not shown ticks shows the value for the tick, rather than for the start of the domain

Details

Issues

Partial fulfilment of #1442

Checklist

• The proper chart type label has been added (e.g. :xy, :partition)
• The proper feature labels have been added (e.g. :interactions, :axis)
• The :theme label has been added and the @elastic/eui-design team has been pinged when there are Theme API changes
• All related issues have been linked (i.e. closes #123, fixes #123)
• New public API exports have been added to packages/charts/src/index.ts
• Unit tests have been added or updated to match the most common scenarios
• The proper documentation and/or storybook story has been added or updated
• The code has been checked for cross-browser compatibility (Chrome, Firefox, Safari, Edge)
• Visual changes have been tested with all available themes including dark, light, eui-dark & eui-light

[markov00]

Looks good and works perfectly!
This definitely improves the output of the timeslip

[monfera]

Thanks @markov00 for spotting the gap 👍

[nickofthyme]

🎉 This PR is included in version 38.1.2 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀