Add new claymorphic component library

src/app/components/BunkerConnect.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import Spinner from "@lib/components/Spinner.svelte"
+  import Spinner from "@lib/components2/Spinner.svelte"
+  import Text from "@lib/components2/Text.svelte"
   import QRCode from "@app/components/QRCode.svelte"
   import type {Nip46Controller} from "@app/nip46"
 
@@ -19,7 +20,7 @@
   {:else}
     <div class="flex flex-col items-center gap-2">
       <QRCode code={$url} />
-      <p class="text-sm opacity-75">Scan with your signer to log in, or click to copy.</p>
+      <Text size="sm" muted>Scan with your signer to log in, or click to copy.</Text>
     </div>
   {/if}
 {/if}