Re work modal scrolling

src/routes/join/+page.svelte

@@ -1,20 +1,16 @@
 <script lang="ts">
   import {page} from "$app/stores"
   import {goto} from "$app/navigation"
-  import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
-  import Icon from "@lib/components/Icon.svelte"
   import Dialog from "@lib/components/Dialog.svelte"
-  import Button from "@lib/components/Button.svelte"
   import SpaceInviteAccept from "@app/components/SpaceInviteAccept.svelte"
+
+  const children = {
+    component: SpaceInviteAccept,
+    props: {
+      invite: $page.url.href,
+      back: () => goto("/home"),
+    },
+  }
 </script>
 
-<Dialog>
-  <SpaceInviteAccept invite={$page.url.href}>
-    {#snippet abortAction()}
-      <Button class="btn btn-link" onclick={() => goto("/home")}>
-        <Icon icon={AltArrowLeft} />
-        Go back
-      </Button>
-    {/snippet}
-  </SpaceInviteAccept>
-</Dialog>
+<Dialog {children} />