Re work modal scrolling

src/app/components/SignUp.svelte

@@ -15,6 +15,8 @@
   import {getKey, setKey} from "@lib/implicit"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
+  import Modal from "@lib/components/Modal.svelte"
+  import ModalBody from "@lib/components/ModalBody.svelte"
   import LogIn from "@app/components/LogIn.svelte"
   import InfoNostr from "@app/components/InfoNostr.svelte"
   import SignUpKey from "@app/components/SignUpKey.svelte"
@@ -92,25 +94,27 @@
   }
 </script>
 
-<div class="column gap-4">
-  <h1 class="heading">Sign up with Nostr</h1>
-  <p class="m-auto max-w-sm text-center">
-    {PLATFORM_NAME} is built using the
-    <Button class="link" onclick={() => pushModal(InfoNostr)}>nostr protocol</Button>, which gives
-    users control over their digital identity using <strong>cryptographic key pairs</strong>.
-  </p>
-  {#if hasPomade}
-    <Button onclick={flows.email.start} class="btn btn-primary">
-      <Icon icon={Letter} />
-      Sign up with email
+<Modal>
+  <ModalBody>
+    <h1 class="heading">Sign up with Nostr</h1>
+    <p class="m-auto max-w-sm text-center">
+      {PLATFORM_NAME} is built using the
+      <Button class="link" onclick={() => pushModal(InfoNostr)}>nostr protocol</Button>, which gives
+      users control over their digital identity using <strong>cryptographic key pairs</strong>.
+    </p>
+    {#if hasPomade}
+      <Button onclick={flows.email.start} class="btn btn-primary">
+        <Icon icon={Letter} />
+        Sign up with email
+      </Button>
+    {/if}
+    <Button onclick={flows.nostr.start} class="btn {hasPomade ? 'btn-neutral' : 'btn-primary'}">
+      <Icon icon={Key} />
+      Generate a key
     </Button>
-  {/if}
-  <Button onclick={flows.nostr.start} class="btn {hasPomade ? 'btn-neutral' : 'btn-primary'}">
-    <Icon icon={Key} />
-    Generate a key
-  </Button>
-  <div class="text-sm">
-    Already have an account?
-    <Button class="link" onclick={login}>Log in instead</Button>
-  </div>
-</div>
+    <div class="text-sm">
+      Already have an account?
+      <Button class="link" onclick={login}>Log in instead</Button>
+    </div>
+  </ModalBody>
+</Modal>