Refactor avatar components, add space edit form

src/app/editor/MentionNodeView.ts

@@ -1,12 +1,12 @@
 import type {NodeViewProps} from "@tiptap/core"
-import {removeNil} from "@welshman/lib"
+import {removeUndefined} from "@welshman/lib"
 import {deriveProfileDisplay} from "@welshman/app"
 
 export const makeMentionNodeView =
   (url?: string) =>
   ({node}: NodeViewProps) => {
     const dom = document.createElement("span")
-    const display = deriveProfileDisplay(node.attrs.pubkey, removeNil([url]))
+    const display = deriveProfileDisplay(node.attrs.pubkey, removeUndefined([url]))
 
     dom.classList.add("tiptap-object")
 

src/app/editor/ProfileSuggestion.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {removeNil} from "@welshman/lib"
+  import {removeUndefined} from "@welshman/lib"
   import {displayPubkey} from "@welshman/util"
   import {deriveHandleForPubkey, displayHandle, deriveProfileDisplay} from "@welshman/app"
   import WotScore from "@app/components/WotScore.svelte"
@@ -13,7 +13,7 @@
   const {value, url}: Props = $props()
 
   const pubkey = value
-  const profileDisplay = deriveProfileDisplay(pubkey, removeNil([url]))
+  const profileDisplay = deriveProfileDisplay(pubkey, removeUndefined([url]))
   const handle = deriveHandleForPubkey(pubkey)
 </script>