Fix AI Context menu text wrapping causing overlap

[huacnlee]

Closes #20678 #21394

Before	After

Release Notes:

• Fixed AI Context menu text wrapping causing overlap.

Also cc #21409 @WeetHet @osiewicz to use Label, this PR has been fixed Label to ensure whitespace_nowrap when use single_line.

[huacnlee]

[danilo-leal]

Oh wow, I literally just opened a PR to solve the same issue like 30 minutes later without having known about yours 😄 That's crazy. Yours is much better!

I wonder about the Label's single_line property, though. I feel like, particularly given you're adding the tooltips to see the whole description, text_ellipsis would be just fine (instead of hard forcing it to a single line). I'd potentially consider leaving that addition/debate to a separate PR and keep this one simple.

[huacnlee]

Ok, I have removed the tooltip change.

[danilo-leal]

The tooltip's great! It's a good solution to see the whole description if it's been cut by the overflow. I was referring to the need of having the single_line property in the Label component. That may be useful, I think, but not necessarily for this scenario. And maybe we could have its addition on a separate PR. I might've not communicated super well, apologies.

[huacnlee]

In this case if we not enable whitespace_nowrap for single_line, the issue will not to be fix

[danilo-leal]

I pushed a little commit there adding text_ellipsis. That fixes the overflowing! And then, the tooltip helps have access to the description even if the text's overflown.

[danilo-leal]

Thank you! 🙌