fix(client): hide action list on editing for state-field editor

[KurumiRin]

The list of actions still exists while in the editing state, causing actions such as deletion of currently edited data to result in unintended data errors. So I think hiding the action list in edit state but showing the preview of the data before editing might be a better ui presentation while avoiding data errors.

This pr will fix #512 Might be a better solution for #507

[netlify[bot]]

✅ Deploy Preview for vue-devtools-docs canceled.

Name	Link
🔨 Latest commit	17918e1b4b3fdc283d0c7300b90e0e09d276ceae
🔍 Latest deploy log	https://app.netlify.com/sites/vue-devtools-docs/deploys/668f377368667e0008208532

[KurumiRin]

The preview and copy behaviors of the original data can be preserved, so as to avoid data errors that may be caused by keeping the action buttons in the editing mode, as well as to be as consistent as possible with the previous ui design.