Provide minimal padding for inside tick labels case of bar, heatmap, line plots

[archmoj]

Fixes #5322 and fixes #5321 (padding for line plots & unnecessary padding).

Demo1: bar
Before vs After

Demo2: line plot
Before vs After

Demo3: heatmap
Before vs After

TODO:

• add test

@plotly/plotly_js

[alexcjohnson]

@archmoj this looks great for including padding in the cases it was previously ignored. Do you want to sort out why the line case is getting such huge padding in the y direction in this PR, or do that in a separate PR?

[archmoj]

@archmoj this looks great for including padding in the cases it was previously ignored. Do you want to sort out why the line case is getting such huge padding in the y direction in this PR, or do that in a separate PR?

I'll try to address it in this PR.

[nicolaskruchten]

the heatmap case is a bit of an edge-case but this seems correct to me. I'm not sure what the point would be of putting the labels on the inside for a heatmap but if that's what they're asking for that's what they should get, I think.

An eventual <trace>.padding prop could be used to override this, if they wanted inside ticks on top of the heatmap, presumably, correct?

[alexcjohnson]

Looks great! 💃