fix: Set isInitialized to force immediate react node view rendering

apps/client/package.json

@@ -16,6 +16,7 @@
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
     "@excalidraw/excalidraw": "0.18.0-864353b",
+    "@floating-ui/dom": "^1.7.3",
     "@mantine/core": "^8.1.3",
     "@mantine/dates": "^8.3.2",
     "@mantine/form": "^8.1.3",
@@ -25,7 +26,6 @@
     "@mantine/spotlight": "^8.1.3",
     "@tabler/icons-react": "^3.34.0",
     "@tanstack/react-query": "^5.80.6",
-    "@tiptap/extension-character-count": "^2.10.3",
     "alfaaz": "^1.1.0",
     "axios": "^1.13.2",
     "clsx": "^2.1.1",

apps/client/src/features/editor/extensions/extensions.ts

@@ -166,6 +166,9 @@ export const mainExtensions = [
     },
   }).extend({
     addNodeView() {
+      // Force the react node view to render immediately using flush sync (https://github.com/ueberdosis/tiptap/blob/b4db352f839e1d82f9add6ee7fb45561336286d8/packages/react/src/ReactRenderer.tsx#L183-L191)
+      this.editor.isInitialized = true;
+
       return ReactNodeViewRenderer(MentionView);
     },
   }),