fix: add prefer-dom-node-remove rule (#5112)

packages/frontend/component/src/components/block-hub/index.tsx

@@ -10,7 +10,7 @@ export const RootBlockHub = () => {
       const div = ref.current;
       if (blockHub) {
         if (div.hasChildNodes()) {
-          div.removeChild(div.firstChild as ChildNode);
+          (div.firstChild as ChildNode).remove();
         }
         div.append(blockHub);
       }

packages/frontend/component/src/components/block-suite-editor/index.tsx

@@ -136,7 +136,7 @@ const BlockSuiteEditorImpl = ({
     }
     container.append(editor);
     return () => {
-      container.removeChild(editor);
+      editor.remove();
     };
   }, [editor]);
 

packages/frontend/core/src/components/page-detail-editor.tsx

@@ -177,7 +177,7 @@ const EditorWrapper = memo(function EditorWrapper({
           document.body.append(div);
           return () => {
             cleanup();
-            document.body.removeChild(div);
+            div.remove();
           };
         });
       });
@@ -238,11 +238,11 @@ const PluginContentAdapter = memo<PluginContentAdapterProps>(
           root.append(div);
           if (abortController.signal.aborted) {
             cleanup();
-            root.removeChild(div);
+            div.remove();
           } else {
             const cl = () => {
               cleanup();
-              root.removeChild(div);
+              div.remove();
             };
             const dispose = addCleanup(pluginName, cl);
             abortController.signal.addEventListener('abort', () => {

packages/frontend/core/src/components/pure/plugin-header/index.tsx

@@ -30,7 +30,7 @@ export const PluginHeader = () => {
                   pluginsRef.current = pluginsRef.current.filter(
                     name => name !== pluginName
                   );
-                  root.removeChild(div);
+                  div.remove();
                   cleanup();
                 });
               });