Fix: Lock interactivity & sync width resize & improve render performance

[li-xin-yi]

1. Fix several node initialization issues: specify custom drag handle, check init state after the provider synced, specify width when adding pod to the db, etc.
2. Enforce write access control for guests: hide the interactivity button (lock) globally, disable the resize box, and discard any node info update to the yjs servers from a guest. In this early stage, a user may feel a little inconvenient to select text in a pod without the button, however, they can fix the viewpoint by pressing Control temporarily. We (@lihebi ) will implement some other robust method to add auth layer to the yjs servers and fix the viewpoint automatically in the future if we have time.

3. Sync code pod resize in real-time: rewrite the logic of resetting the pod width, which makes all users observe the dimension update immediately when a user conduct resizing operation on it.
4. Improve the render speed when a codeNode is re-rendered: manage the isEditorBlur state globally instead of locally, otherwise, MyMonaco will be re-render over and over again any time the codeNode changes. If we click on the editor and then click other places, you can see it causes the re-rendering of MyMonaco twice, which takes much time:

But after we apply this PR, any update propagation stops at the MyMonaco .

It reduces the re-render overhead a lot, especially when you drag a codeNode.

[lihebi]

Added a few commits:

• There was a (seemingly unnecessary) dimension change at the very beginning of canvas page, which causes dirty status of all CodeNodes to be set. Added a check to prevent that.
• Directly set pod.dirty status without checking hash.
• Enable redux devtools for easier debugging.

[lihebi]

Thanks, Xinyi!