[Axis] Padding with fit renders bad axis labels

[nickofthyme]

Describe the issue
When using the axis domain.padding option with domain.fit set to true, the labels of the axis are both printed at the bottom of the axis.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/billowing-bush-ik5uf2?file=/src/App.tsx
2. Set padding to 0
3. Notice the chart is correctly rendered
4. Set the padding to 50
5. Notice the axis labels are printed atop each other

Expected behaviour
Axis padding is correctly applied for single values

Screenshots

Current

Notice when padding is applied, the label shifts to the bottom unexpectedly.

Expected

Version (please complete the following information):

• Elastic Charts: latest

Additional context
With only a slight non-zero domain range, the values could be rendered correctly. Seems like a condition that checks for 0 domain delta and returns early. This should be blocked when padding is defined.

Kibana Cross Issues

• [Lens] y-axis automatic scaling/data bound values puts a single value at the bottom. kibana#108442
• [Charts] Using domain fit and padding causes bad axis labels kibana#163640

Checklist

• The proper chart type label has been added (e.g. :xy, :partition)
• The proper feature labels have been added (e.g. :interactions, :axis)
• Every related Kibana issue is listed under Kibana Cross Issues list and the kibana cross issue tag is applied