[euiTextTruncate utility] Support multi-line truncation

[elizabetdev]

This suggestion was shared by @evangelia-mitsopoulou in our EUI slack channel:

I noticed in most cloud tables, the names are not truncated and are occupying a lot of vertical space on resizing. I think if we add a multi-line ellipsis utility class would be beneficial not only for my "specific flyout" but for most tables in wider contexts as well. Our views will look tidy and the information compact

So we should consider enhance our euiTextTruncate functionality to support multi-line text truncation.

Here's an article that shows how we can support this:
https://css-tricks.com/line-clampin/

[cee-chen]

My 2c: this might be more useful as a JS/React component than a CSS utility/className, as that would allow consumers to specify the amount of lines being clamped

[github-actions]

👋 Hi there - this issue hasn't had any activity in 6 months. If the EUI team has not explicitly expressed that this is something on our roadmap, it's unlikely that we'll pick this issue up. We would sincerely appreciate a PR/community contribution if this is something that matters to you! If not, and there is no further activity on this issue for another 6 months (i.e. it's stale for over a year), the issue will be auto-closed.