Improve dashboard panel preview experience

[eokoneyo]

Blocked by #151233.

Kibana version:
main

Describe the bug:
In dashboard panels where the preview exists (ES|QL for example), the user can perform the panel actions while it is still in the create panel flow which in turn could results in some unexpected behaviour. For Instance; one can delete the panel being added, which leaves the user in an orphaned configuration flyout with no panel on which the configuration is being made to.

Steps to reproduce:

1. Navigate to dashboard app, click the add panel button, select for example the ES|QL visualisation option.
2. On being presented the configuration flow for this panel, click the panel action hamburger menu, and delete the panel that was just added
3. One would be left with an orphaned configuration flyout

Expected behavior:

• Deleting the panel through panel action button should close the configuration flyout.

Screenshots (if relevant):

bug-panels-with-preview.mov

[elasticmachine]

Pinging @elastic/kibana-presentation (Team:Presentation)

[cqliu1]

This should come after #151233 is merged. We may also want to consider disabling all of the actions besides maximize/minimize.

@andreadelrio What do you think?

[andreadelrio]

This should come after #151233 is merged. We may also want to consider disabling all of the actions besides maximize/minimize.

@andreadelrio What do you think?

@cqliu1 I'm thinking we implement something like this

Where the maximize/minimize actions are the only actions available in the panel and they're visible at all times (so not a hover action). This pattern is the same that I'm proposing for the upcoming inline markdown editor (see #188910)

[vikasrajputin]

Hello @andreadelrio - Can i pick this?

[Heenawter]

@vikasrajputin Thanks so much! This is currently blocked until #151233 is resolved, but it will be unblocked soon :)