fix: simplify tab handling in editorStore

- Replaced the manual insertion of a tab character with a direct call to vditor's insertValue method, improving code readability and maintainability.
- Removed unnecessary DOM manipulation and selection handling, streamlining the keydown event logic for the Tab key.

src/components/Common/Editor/editorStore.tsx

@@ -367,25 +367,7 @@ export class EditorStore {
   handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
     if (e.key === 'Tab') {
       e.preventDefault();
-      const vditorInput = document.querySelector(`#vditor-${this.mode} .vditor-reset`) as HTMLElement;
-      if (vditorInput) {
-
-        const selection = window.getSelection();
-        if (!selection || selection.rangeCount === 0) return;
-
-        const range = selection.getRangeAt(0);
-        range.deleteContents();
-
-        const tabNode = document.createTextNode('\t');
-        range.insertNode(tabNode);
-
-        range.setStartAfter(tabNode);
-        range.setEndAfter(tabNode);
-        selection.removeAllRanges();
-        selection.addRange(range);
-      } else {
-        console.log('vditor not found');
-      }
+      this.vditor?.insertValue('  ', true);
     }
   }
 }