[6.x] Handle many tabs for both the blueprint and entry view

[jaygeorge]

Description of the Problem

This issue is also detailed in #14062
For both the blueprint and publish views, if you add either many tabs, or tabs with long names, it can cause issues, like this:

Text stacks up vertically

You get horizontal overflow on mobile

What this PR Does

• Constrained width — Tab rows no longer grow past the viewport; it clips with a max width.

• Overflow dropdown — When tabs don’t fit, a button appears and lists overflowed tabs so you can switch from the dropdown.

  • ResizeObserver is used for overflow detection
  • Our existing dropdown component is used
  • If you have overflowed tabs, and you select the menu, we expose edit/delete controls so you can still access the usual dropdown (this is not a perfect solution but at least there's still a way to access controls here)
    

• Adds a bit of logic to extend the text to span the dropdown grid column row if there's no icon, as we have with these overflow menus—otherwise, there is a blank space where the icon usually sits.

• Truncated labels — Tab and dropdown labels are truncated so long names don’t break the layout.

  • Truncated labels get a tooltip so they're still accessible to users

• Closes UI: Handle many tabs again #14062

Here are some examples of an egregious amount of tabs / long tab names with the new PR

Long tab name truncated, and many tabs trigger an overflow menu

Here is the overflow menu

and here it is at a narrow viewport

How to Reproduce

1. Add long tab names in a blueprint
2. Also add many tab names
3. Check out the behaviour for both the blueprints and the publish form