Use nostr-editor's tag extension

src/app/components/GroupCompose.svelte

@@ -3,9 +3,9 @@
   import type {Readable} from "svelte/store"
   import {writable} from "svelte/store"
   import {createEditor, type Editor, EditorContent} from "svelte-tiptap"
-  import {NProfileExtension, ImageExtension} from "nostr-editor"
+  import {NProfileExtension, TagExtension as TopicExtension, ImageExtension} from "nostr-editor"
   import {createEvent, CHAT_MESSAGE} from "@welshman/util"
-  import {TopicExtension, findNodes} from "@lib/tiptap"
+  import {findNodes} from "@lib/tiptap"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
   import {publishThunk, makeThunk, userRelayUrlsByNom} from "@app/state"

src/app/components/GroupComposeTopic.svelte

@@ -11,8 +11,8 @@
 <NodeViewWrapper class="inline">
   <Link
     external
-    href="https://coracle.social/topics/{node.attrs.name.toLowerCase()}"
+    href="https://coracle.social/topics/{node.attrs.topic.toLowerCase()}"
     class={cx("link-content", {"link-content-selected": selected})}>
-    #{node.attrs.name}
+    #{node.attrs.topic}
   </Link>
 </NodeViewWrapper>