Labels on x-axes should handle the histogram size and resize

[MohamedHamouGisaia]

Description of the current behavior

Currently, the timeline x-axis labels are displayed correctly when the screen width is large enough

However, if we open the analytics tab or the resultlist, the labels are overlapped and don't show correctly

Description of the desired behavior

Handle the overlap of labels.

• Adapt format to bucket interval. Sometimes the label show the hours and minutes but the bucket size if way larger to be interested in this granularity.
• each label container should be aware of it's relative position to the axis and its width.
• on each resize: detect if labels overlap
• if so divide by 2 the number of displayed labels