identity page cleanup

package.json

@@ -42,8 +42,8 @@
 	"type": "module",
 	"dependencies": {
 		"@semaphore-protocol/group": "^3.10.1",
-		"discreetly-interfaces": "^0.1.3",
+		"discreetly-interfaces": "^0.1.5",
 		"poseidon-lite": "^0.2.0",
 		"socket.io-client": "^4.7.1"
 	}
-}
+}

src/routes/identity/+layout.svelte

@@ -1,5 +1,5 @@
 <div class="mx-auto mt-10 max-w-[80ch]">
-	<h2 class="h2 mb-6">Manage Your Identity</h2>
+	<h2 class="h2 mb-8 text-center">Manage Your Identity</h2>
 
 	<slot />
 </div>

src/routes/identity/+page.svelte

@@ -27,14 +27,18 @@
 </script>
 
 {#if !identityExists}
-	<div class="mb-6">
-		<span class="badge variant-ghost-secondary text-sm">Identity Not Found</span>
+	<div class="mb-8 text-center">
+		<span class="badge variant-ghost-secondary text-sm px-4 py-2">Identity Not Found</span>
 	</div>
-	<button on:click={() => createIdentity()} class="btn variant-filled-success" type="button">
-		Generate Identity
-	</button>
-	<RestoreIdentity />
-{:else}
-	<BackupIdentity />
-	<DeleteIdentity />
 {/if}
+<div class="grid grid-flow-rows gap-5 my-5 max-w-md mx-auto">
+	{#if !identityExists}
+		<button on:click={() => createIdentity()} class="btn variant-filled-success" type="button">
+			Generate Identity
+		</button>
+		<RestoreIdentity />
+	{:else}
+		<BackupIdentity />
+		<DeleteIdentity />
+	{/if}
+</div>

src/routes/identity/DeleteIdentity.svelte

@@ -33,7 +33,7 @@
 			>I promise I backed up my identity, or I really want to destroy it.</span
 		>
 	</section>
-	<footer class="card-footer float-right">
+	<footer class="card-footer text-center">
 		<button
 			id="delete-identity"
 			on:click={deleteIdentity}