Add new claymorphic component library

src/app/components/BunkerUrl.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
   import {debounce} from "throttle-debounce"
-  import Scanner from "@lib/components/Scanner.svelte"
-  import Button from "@lib/components/Button.svelte"
-  import Field from "@lib/components/Field.svelte"
+  import Scanner from "@lib/components2/Scanner.svelte"
+  import Button from "@lib/components2/Button.svelte"
+  import Field from "@lib/components2/Field.svelte"
   import CpuBolt from "@assets/icons/cpu-bolt.svg?dataurl"
   import QrCode from "@assets/icons/qr-code.svg?dataurl"
-  import Icon from "@lib/components/Icon.svelte"
+  import Icon from "@lib/components2/Icon.svelte"
   import InfoBunker from "@app/components/InfoBunker.svelte"
   import type {Nip46Controller} from "@app/nip46"
   import {pushModal} from "@app/modal"
@@ -34,9 +34,9 @@
     <p>Bunker Link*</p>
   {/snippet}
   {#snippet input()}
-    <label class="input input-bordered flex w-full items-center gap-2">
+    <label class="input-cl input-cl-group">
       <Icon icon={CpuBolt} />
-      <input disabled={$loading} bind:value={$bunker} class="grow" placeholder="bunker://" />
+      <input disabled={$loading} bind:value={$bunker} placeholder="bunker://" />
       <Button onclick={toggleScanner}>
         <Icon icon={QrCode} />
       </Button>
@@ -45,7 +45,7 @@
   {#snippet info()}
     <p>
       A login link provided by a nostr signing app.
-      <Button class="link" onclick={() => pushModal(InfoBunker)}>What is a bunker link?</Button>
+      <Button class="cl-link" onclick={() => pushModal(InfoBunker)}>What is a bunker link?</Button>
     </p>
   {/snippet}
 </Field>