chore: split advice plugin

editor/src/components/editor/intelli/advice-extension.ts

@@ -0,0 +1,8 @@
+import { Extension } from "@tiptap/core";
+
+const EXTENSION_NAME = "advice";
+
+// https://dev.to/sereneinserenade/how-i-implemented-google-docs-like-commenting-in-tiptap-k2k
+export const AdviceExtension = Extension.create({
+	name: EXTENSION_NAME,
+});

editor/src/components/editor/live-editor.tsx

@@ -21,13 +21,14 @@ import { createInlineCompletion } from "@/components/editor/inline/inline-comple
 import { useTranslation } from "react-i18next";
 
 import "./editor.css"
-import { SideBox } from './side-view/side-box'
+import { AdviceExtension } from "@/components/editor/intelli/advice-extension";
 
 const md = new MarkdownIt()
 
 const extensions = [
 	// we define all commands here
 	CommandFunctions,
+	AdviceExtension,
 	TrackChangeExtension.configure({
 		enabled: false,
 	}),
@@ -79,7 +80,6 @@ const LiveEditor = () => {
 					{editor && <MenuBar editor={editor}/>}
 					<EditorContent editor={editor}/>
 					{editor && <MenuBubble editor={editor}/>}
-					{editor && <SideBox editor={editor}/> }
 
 					{editor && <div className="character-count">
             <span>{Math.abs(editor.state.selection.$from.pos - editor.state.selection.$to.pos)} selected</span>