AI pass on redesign

src/app/components/SignUpComplete.svelte

@@ -2,12 +2,11 @@
   import {preventDefault} from "@lib/html"
   import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
   import HomeSmile from "@assets/icons/home-smile.svg?dataurl"
+  import CheckCircle from "@assets/icons/check-circle.svg?dataurl"
   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 ModalHeader from "@lib/components/ModalHeader.svelte"
-  import ModalTitle from "@lib/components/ModalTitle.svelte"
   import ModalFooter from "@lib/components/ModalFooter.svelte"
   import ProgressBar from "@app/components/ProgressBar.svelte"
 
@@ -24,9 +23,12 @@
 
 <Modal tag="form" onsubmit={preventDefault(next)}>
   <ModalBody>
-    <ModalHeader>
-      <ModalTitle>You're all set!</ModalTitle>
-    </ModalHeader>
+    <div class="flex flex-col items-center gap-3">
+      <div class="center bg-primary/15 text-primary size-16 rounded-full motion-safe:animate-pop">
+        <Icon icon={CheckCircle} size={9} />
+      </div>
+      <h1 class="heading">You're all set!</h1>
+    </div>
     <p>
       You've created your profile, saved your keys, and now you're ready to start chatting — all
       without asking permission!