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} />

src/routes/spaces/[relay]/[h]/+page.svelte

@@ -47,11 +47,7 @@
     userSettingsValues,
   } from "@app/core/state"
   import {setChecked, checked} from "@app/util/notifications"
-  import {
-    canEnforceNip70,
-    prependParent,
-    publishDelete,
-  } from "@app/core/commands"
+  import {canEnforceNip70, prependParent, publishDelete} from "@app/core/commands"
   import {makeFeed} from "@app/core/requests"
   import {popKey} from "@lib/implicit"
   import {pushToast} from "@app/util/toast"