refactor(diagram-editor): optimize renderDiagram effect for improved performance

Author: DongDuong2001

app/dashboard/diagrams/text/[id]/page.tsx

@@ -131,12 +131,6 @@ export default function TextDiagramEditorPage() {
     })()
   }, [diagramId, router])
 
-  useEffect(() => {
-    if (isPreviewMode && textContent && previewRef.current) {
-      void renderDiagram()
-    }
-  }, [isPreviewMode, textContent, renderDiagram])
-
   const renderDiagram = useCallback(async () => {
     if (!previewRef.current || !textContent) return
 
@@ -154,6 +148,12 @@ export default function TextDiagramEditorPage() {
     }
   }, [textContent])
 
+  useEffect(() => {
+    if (isPreviewMode && textContent && previewRef.current) {
+      void renderDiagram()
+    }
+  }, [isPreviewMode, textContent, renderDiagram])
+
   const handleSave = async () => {
     if (!diagram) return
     await updateDiagram(diagram.id, {