Migrate more stuff

src/app/components/SpaceAdd.svelte

@@ -15,30 +15,50 @@
 
 <div class="column gap-4">
   <ModalHeader>
-    <div slot="title">Add a Space</div>
-    <div slot="info">
-      Spaces are places where communities come together to work, play, and hang out.
-    </div>
+    {#snippet title()}
+      <div>Add a Space</div>
+    {/snippet}
+    {#snippet info()}
+      <div>Spaces are places where communities come together to work, play, and hang out.</div>
+    {/snippet}
   </ModalHeader>
   <Link href="/discover">
     <CardButton class="!btn-primary">
-      <div slot="icon"><Icon icon="compass" size={7} /></div>
-      <div slot="title">Discover spaces</div>
-      <div slot="info">Browse spaces on the discover page.</div>
+      {#snippet icon()}
+        <div><Icon icon="compass" size={7} /></div>
+      {/snippet}
+      {#snippet title()}
+        <div>Discover spaces</div>
+      {/snippet}
+      {#snippet info()}
+        <div>Browse spaces on the discover page.</div>
+      {/snippet}
     </CardButton>
   </Link>
   <Button on:click={startJoin}>
     <CardButton>
-      <div slot="icon"><Icon icon="login-2" size={7} /></div>
-      <div slot="title">Join a space</div>
-      <div slot="info">Enter an invite code or url to join an existing space.</div>
+      {#snippet icon()}
+        <div><Icon icon="login-2" size={7} /></div>
+      {/snippet}
+      {#snippet title()}
+        <div>Join a space</div>
+      {/snippet}
+      {#snippet info()}
+        <div>Enter an invite code or url to join an existing space.</div>
+      {/snippet}
     </CardButton>
   </Button>
   <Button on:click={startCreate}>
     <CardButton>
-      <div slot="icon"><Icon icon="add-circle" size={7} /></div>
-      <div slot="title">Create a space</div>
-      <div slot="info">Just a few questions and you'll be on your way.</div>
+      {#snippet icon()}
+        <div><Icon icon="add-circle" size={7} /></div>
+      {/snippet}
+      {#snippet title()}
+        <div>Create a space</div>
+      {/snippet}
+      {#snippet info()}
+        <div>Just a few questions and you'll be on your way.</div>
+      {/snippet}
     </CardButton>
   </Button>
 </div>