Chart labels should wrap inside of tooltips
Description
The tooltips used for charts have to be compliant with the design documentation, which states that:
The max-width of chart popovers is 512px, with long chart values wrapping rather than truncating. When chart values in popovers wrap, break the word into two lines without using a hyphen. (link to docs)
Desired behaviour
(as seen in gitlab-design#255 (closed))
Example of current behaviour
Currently our chart tooltips can overflow when the text is too long: https://gitlab.com/gitlab-org/monitor/monitor-sandbox/-/metrics/popover_tests.yml
History of MRs related to this change
Edited by Andrei Stoicescu