[Unified Observability] Bug: Overview page header incorrectly wraps the page title and elements when on a smaller viewport size

[formgeist]

Kibana version:

8.2.0-SNAPSHOT

Description of the problem including expected versus actual behavior:

The page title is wrapping although it should stay and move the actions below the title when there's not enough space.

On even smaller screens the Guided setup action moves in front of the date picker which seems odd to me when we're placing it at the right side in normal viewports.

[elasticmachine]

Pinging @elastic/unified-observability (Team:Unified observability)

[smith]

Note that this can occur on anything using the ObservabilityPageTemplate. Here's an APM service group at a specific width:

You have to have certain text at a certain viewport width to get the "one letter stacked on top of each other" behavior, but I've been able to reproduce undesirable wrapping in most contexts.

[formgeist]

Weird thing is that this was fixed in the UX app not too long ago #111837

[smith]

Weird thing is that this was fixed in the UX app not too long ago #111837

It looks like they put a `className="eui-textNoWrap" on the H1 but only in the UX app. It probably would be better to do that Kibana (or at least Observability) wide.