Add new claymorphic component library

src/app/components/ContentLinkUrl.svelte

@@ -2,8 +2,8 @@
   import {call, displayUrl} from "@welshman/lib"
   import {displayRelayUrl, isRelayUrl, normalizeRelayUrl} from "@welshman/util"
   import LinkRound from "@assets/icons/link-round.svg?dataurl"
-  import Icon from "@lib/components/Icon.svelte"
-  import Link from "@lib/components/Link.svelte"
+  import Icon from "@lib/components2/Icon.svelte"
+  import Link from "@lib/components2/Link.svelte"
   import {PLATFORM_URL} from "@app/env"
   import {displayRoom, isRoomId, splitRoomId} from "@app/groups"
   import {makeRoomPath, makeSpacePath} from "@app/routes"
@@ -49,10 +49,10 @@
 
 <Link {external} {href} class={className}>
   {#if roomReference}
-    ~<span class="text-primary">{displayRelayUrl(roomReference.url)}</span> /
+    ~<span class="cl-text-primary">{displayRelayUrl(roomReference.url)}</span> /
     {displayRoom(roomReference.url, roomReference.h)}
   {:else if relayReference}
-    <span class="text-primary">{displayRelayUrl(relayReference)}</span>
+    <span class="cl-text-primary">{displayRelayUrl(relayReference)}</span>
   {:else}
     <Icon icon={LinkRound} size={3} class="inline-block" />
     {displayUrl(url)}