Work on login screen

src/app/components/InfoNip29.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
+  import Button from "@lib/components/Button.svelte"
   import Link from '@lib/components/Link.svelte'
   import Icon from '@lib/components/Icon.svelte'
   import {clip} from '@app/toast'
 </script>
 
 <div class="column gap-4">
-  <h1 class="heading">What is a relay?</h1>
+  <div class="py-2">
+    <h1 class="heading">What is a relay?</h1>
+  </div>
   <p>
     Flotilla hosts spaces on the <Link external href="https://nostr.com/">Nostr protocol</Link>.
     Nostr uses "relays" to host data, which are special-purpose servers that speak nostr's language.
@@ -19,11 +22,11 @@
   </p>
   <div class="card flex-row justify-between">
     devrelay.highlighter.com
-    <button on:click={() => clip('devrelay.highlighter.com')}>
+    <Button on:click={() => clip('devrelay.highlighter.com')}>
       <Icon icon="copy" />
-    </button>
+    </Button>
   </div>
-  <button class="btn btn-primary" on:click={() => history.back()}>
+  <Button class="btn btn-primary" on:click={() => history.back()}>
     Got it
-  </button>
+  </Button>
 </div>