feat(hogql): edit SQL directly where possible

[mariusandra]

Problem

We want to offer our users the option of directly editing the SQL query behind most of our interface elements. This to give them more flexibility in asking for data (don't like funnels? edit and go), and to allow them to verify how the data is gathered (offloading support work).

Changes

• Adds a "Edit SQL directly" button next to the "Open as a new insight" button for the "event explorer" and (feature flagged) persons pages.
• Change the icons for both buttons to better match.

How did you test this code?

Clicked on the SQL buttons

Out of scope

• Adding this to other insights. This will come once we convert them to HogQL.
• An option to go back to the old view with a modified query.
• Pretty printing

Questions

• Worth it? Too confusing? Design suggestions?

[thmsobrmlr]

How about moving the "open as insight" / "edit as sql" buttons into the export menu? Getting a bit crowded there and the interface jumps when first loading the event explorer.

[mariusandra]

Something like this?

[thmsobrmlr]

Yup, that looks great