feat(engine): ✨ Add link support in text bubbles

apps/builder/libs/plate.tsx

@@ -0,0 +1,37 @@
+import {
+  createBoldPlugin,
+  createItalicPlugin,
+  createUnderlinePlugin,
+} from '@udecode/plate-basic-marks'
+import { createPlugins } from '@udecode/plate-core'
+import { createLinkPlugin, ELEMENT_LINK } from '@udecode/plate-link'
+
+export const editorStyle: React.CSSProperties = {
+  flex: 1,
+  padding: '1rem',
+  backgroundColor: 'white',
+  borderRadius: '0.25rem',
+}
+
+export const platePlugins = createPlugins(
+  [
+    createBoldPlugin(),
+    createItalicPlugin(),
+    createUnderlinePlugin(),
+    createLinkPlugin(),
+  ],
+  {
+    components: {
+      [ELEMENT_LINK]: (props) => (
+        <a
+          href={props.element.url}
+          target="_blank"
+          rel="noreferrer"
+          className={props.className}
+        >
+          {props.children}
+        </a>
+      ),
+    },
+  }
+)