gpui: Add line_clamp to truncate text after a specified number of lines

[huacnlee]

Release Notes:

• N/A

Add this feature for some case we need keep 2 or 3 lines, but truncate. For example the blog post summary.

• Added line_clamp method.
  Ref: https://tailwindcss.com/docs/line-clamp

Break changes:

• Renamed gpui::Truncate to gpui::TextOverflow to match CSS.

• Update truncate style method to match Tailwind CSS behavior:

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  

Show case

Describe changes

The second commit for make sure text layout to match with the line clamp. Before this change, they may wrap many lines in sometimes. And I also make line_clamp default to 1 if we used truncate to ensure no wrap.

TODO: There is still a tiny detail that is not easy to fix. This problem only occurs in the case of certain long words. I will think about how to improve it later. At present, this has some flaws but does not affect the use.

[huacnlee]

Remove Truncate to avoid ambiguity

[huacnlee]

Update truncate to default with overflow_hidden, whitespace_nowrap, text_ellipsis.

[SomeoneToIgnore]

Thank you, let's merge/rebase on fresh main and get this merged after the next release.