refactor: mention input

src/components/MessageInput/index.tsx

@@ -6,7 +6,7 @@ import { useLocalstorageState } from "rooks";
 import { plugins } from "./plugins";
 import { getMessageFromPlateValues, ParagraphInput } from "@/utils";
 import { Editor } from "./plate-ui/editor";
-import { MentionCombobox } from "./plate-ui/mention-combobox";
+import { MentionCombobox } from "./plate-ui/mention/combobox";
 
 import { EmojiInputPicker } from "./plate-ui/emoji-input-picker";
 import { MentionData, MessageWithMentions } from "@/types/message";

src/components/MessageInput/plate-ui/mention/combobox.tsx

@@ -2,7 +2,7 @@ import { ComboboxProps, Data, NoData } from "@udecode/plate-combobox";
 import { getPluginOptions, useEditorRef } from "@udecode/plate-common";
 import { ELEMENT_MENTION, getMentionOnSelectItem, MentionPlugin } from "@udecode/plate-mention";
 
-import { Combobox } from "./combobox";
+import { Combobox } from "../combobox";
 import User from "@/components/User";
 
 export interface MentionComboboxProps<TData extends Data = NoData>

src/components/MessageInput/plugins.ts

@@ -12,8 +12,8 @@ import { createParagraphPlugin, ELEMENT_PARAGRAPH } from "@udecode/plate-paragra
 import { createTrailingBlockPlugin } from "@udecode/plate-trailing-block";
 
 import { EmojiCombobox } from "./plate-ui/emoji-input-picker/emoji-combobox";
-import { MentionElement } from "./plate-ui/mention-element";
-import { MentionInputElement } from "./plate-ui/mention-input-element";
+import { MentionElement } from "./plate-ui/mention/element";
+import { MentionInputElement } from "./plate-ui/mention/input-element";
 import { ParagraphElement } from "./plate-ui/paragraph-element";
 
 export const plugins = createPlugins(