Replace svelte components with node views

src/app/editor/MentionNodeView.ts

@@ -0,0 +1,26 @@
+import type {NodeViewProps} from '@tiptap/core'
+import {deriveProfileDisplay} from "@welshman/app"
+
+export const MentionNodeView = ({node}: NodeViewProps) => {
+  const dom = document.createElement('span')
+  const display = deriveProfileDisplay(node.attrs.pubkey)
+
+  dom.classList.add('tiptap-object')
+
+  const unsubDisplay = display.subscribe($display => {
+    dom.textContent = '@' + $display
+  })
+
+  return {
+    dom,
+    destroy: () => {
+      unsubDisplay()
+    },
+    selectNode() {
+      dom.classList.add('tiptap-active')
+    },
+    deselectNode() {
+      dom.classList.remove('tiptap-active')
+    },
+  }
+}