[ML] Fix responsive behaviour of page header with date picker

[walterra]

Summary

Fixes #148381.

Improve responsive behaviour of page header with date picker.

• Removes custom breakpoint based code to determine date picker width and instead use it's native width option.
• Adds a flexGroup boolean toggle to be able to get back the flex items only without the flex group if you want to embed the date picker in an already existing flex group to avoid additional nesting.
• Sets the fill option of the refresh button to false to avoid the dark blue "primary".
• In the aiops plugin and the ml_page.tsx component, migrates away from EUI's deprecated components for the page layout.
• Adds a min-width to page titles to avoid narrow wrapping (e.g. wrapping after each character on narrow screens).

Before (cut off date picker and refresh button):

After:

---

Before (narrow wrapping of page title):

After:

Checklist

• Unit or functional tests were updated or added to match the most common scenarios
• This was checked for breaking API changes and was labeled appropriately

[elasticmachine]

Pinging @elastic/ml-ui (:ml)

[peteharverson]

Tested (Chrome and Firefox) and LGTM

[jgowdyelastic]

All other pages are 300px is this larger size to account for wider text?
If so, this text will be translated and could be any size.

[walterra]

Good catch regarding translations! In 9a68a79 I combined the different rules and they now are all minWidth: 300px.

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 23fe558

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
aiops	462	461	-1
ml	1615	1683	+68
total			+67

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
aiops	740.3KB	739.5KB	-810.0B
dataVisualizer	378.9KB	378.9KB	-18.0B
ml	3.4MB	3.4MB	+24.9KB
total			+24.1KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
ml	41.7KB	41.8KB	+56.0B

Unknown metric groups

miscellaneous assets size

id	before	after	diff
ml	49.4KB	211.1KB	+161.8KB

References to deprecated APIs

id	before	after	diff
ml	210	204	-6

History

• 💛 Build #101461 was flaky 913670c
• 💛 Build #101386 was flaky d3c6b0d
• 💚 Build #100945 succeeded 34b23c9
• 💔 Build #100849 failed 547fd85

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @walterra

[jgowdyelastic]

LGTM