[Logs UI] Proposal: Break up toolbar into two rows

[weltenwort]

Summary

This is a proposal to break up the current Logs UI toolbar into two rows of EUI-based elements.

Rationale

It would follow the common Kibana design patterns more closely to have a top row that contains the query bar to the left as well as a date picker with associated controls to the right.

The second row could contain the controls currently hidden in the "customize" popover to make them available with fewer clicks and generally more discoverable. Adding additional controls would also not eat into the space available to the query bar, which can be a problem in narrower browser windows.

Mockup

[elasticmachine]

Pinging @elastic/infra-logs-ui

[makwarth]

I like it @weltenwort!

[katrin-freihofner]

@weltenwort we are working on a streamlined header for observability. I think this would solve the issue. It might look similar to this:

[weltenwort]

yes, that looks interesting 👍

[katrin-freihofner]

This shared component would be a great start:

[tbragin]

@katrin-freihofner @weltenwort Do we need to file a new issue about this shared component? It seems a bit buried in this proposal.

[katrin-freihofner]

This will be solved by #48113