Remove footer and right-align buttons in confirmation modal

Author: milanofthe

src/lib/components/ConfirmationModal.svelte

@@ -73,10 +73,6 @@
 					{state.options.confirmText}
 				</button>
 			</div>
-
-			<div class="dialog-footer">
-				Press <kbd>↵</kbd> to confirm
-			</div>
 		</div>
 	</div>
 {/if}
@@ -103,9 +99,9 @@
 
 	.dialog-actions {
 		display: flex;
-		justify-content: center;
+		justify-content: flex-end;
 		gap: var(--space-sm);
-		padding: var(--space-sm) var(--space-md);
+		padding: var(--space-sm) var(--space-md) var(--space-md);
 	}
 
 	.dialog-actions button {
@@ -138,26 +134,4 @@
 		background: var(--surface-hover);
 		border-color: var(--border-focus);
 	}
-
-	.dialog-footer {
-		padding: var(--space-xs) var(--space-md);
-		background: var(--surface-raised);
-		border-top: 1px solid var(--border);
-		border-radius: 0 0 var(--radius-lg) var(--radius-lg);
-		font-size: 10px;
-		color: var(--text-disabled);
-		text-align: center;
-	}
-
-	.dialog-footer kbd {
-		display: inline-block;
-		padding: 1px 4px;
-		font-family: inherit;
-		font-size: 9px;
-		background: var(--surface);
-		border: 1px solid var(--border);
-		border-radius: 3px;
-		color: var(--text-muted);
-		margin: 0 2px;
-	}
 </style>