Create a new ReactRenderer for @tiptap ReactNodeView

[Darmody]

Is your feature request related to a problem?

After upgrading to React 18, the @tiptap react-renderer encounters an async render problem ueberdosis/tiptap#2985

Describe the solution you'd like

To make react renderer work well with Prosemirror, we need to build a new ReactNodeView renderer instead of @tiptap's one.

Describe alternatives you've considered

Fixed the problem by patching the @tiptap package but is not perfect. As a consequence of the implementation of the @tiptap react-renderer, react will through an annoying warning about flushSync usage.

Additional context

Making react 18's new render mode work with Prosemirror correctly may be a siginficant part of this refactor.

[Darmody]

ref: https://github.com/remirror/remirror Remirror has upgraded to react 18 already and looks to work well.

[Darmody]

• Rename packages/editor to packages/legacy_editor, create new packages/editor. Prepare for editor migration: Refactor `@mashcard/editor` #276 (Make editor legacy #417)
• Create NodePortal NodePortalContainer in packages/editor for creating react portal in prosemirror node view. (Add node portal container #418)
• Fork @tiptap/react into packages/legacy_editor (refactor(legacy-editor): refactor tiptap react renderer #429)
• Replace @tiptap/react ReactRenderer and other stuffs with NodePortal. (refactor(legacy-editor): refactor tiptap react renderer #429)

[Darmody]

cc @aligo @clszzyh @stackia @melchior-voidwolf

packages/editor is about to rename to packages/legacy_editor

[Darmody]

After comparing remirror and tiptap, I think the problem is that tiptap still uses react legacy class component API.