feat: enhance state editor

[Jannchie]

Current Issue

Currently, StateEditor can only edit json like data.
However, we often store data of type string or number. If the value is an empty string or a number, "No data" is displayed. If you define useState('test:undefined', () => undefined), it even make the whole tab won't display.

In fact, we probably don't need "no data", because even if it's an empty array, object or even undefined or null, we should still be able to append data or edit it.

---

What I did

• In this pr, I make sure that numbers and strings are edited properly and remain reactive.
• Now "no data" will not be displayed so that we can edit empty arrays or objects.

---

legacy issue

There are still issues that have not been addressed:

Empty strings and undefined data currently show a strange built-in hint for third-party editors, although they can still be edited normally.

Type of empty strings data become number if a number is entered.

These may be issues with third party editors, perhaps we use simpler editing methods such as input element when editing numbers or strings.