Horizontal query UI top-level elements (4050)

[samwinslow]

Changes

Adds to #4050. Here's the current state of the new filter UI.

Keeping this PR small — what still needs to be done:

• Filter button at right, next to delete (change delete to red color?)
• Flatten the local filters UI (don't use the mini Property/Cohort modal and blue open button); also hide this behind same feature flag
• Move global filters, breakdowns to right.

NB: Set feature flag 4050-query-ui-optB to view.

Checklist

• All querysets/queries filter by Organization, by Team, and by User
• Django backend tests
• Jest frontend tests
• Cypress end-to-end tests
• Migrations are safe to run at scale (e.g. PostHog Cloud) – present proof if not obvious

[liyiy]

How come I can't see this view on the deploy? Do I have to do something specific? 😮

[samwinslow]

How come I can't see this view on the deploy? Do I have to do something specific? 😮

Updated description to mention feature flag 4050-query-ui-optB 😄

[paolodamico]

let's get this in and continue improving from here! there are some fixes/improvements to be made, but we can work them out in a separate PR, great stuff!