Simplify design

web-player/src/lib/components/ui/overlay/ConfirmDialog.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Modal from './Modal.svelte';
+	import Dialog from './Dialog.svelte';
 	import Button from '../primitives/Button.svelte';
 
 	interface Props {
@@ -14,13 +14,11 @@
 	let { open, onClose, title, description, confirmLabel, action }: Props = $props();
 </script>
 
-<Modal {open} {onClose} maxWidth="max-w-sm">
-	<h2 class="text-display-3 text-fg">{title}</h2>
-	<p class="mt-2.5 text-body text-fg-2">{description}</p>
-	<div class="mt-6 flex items-center justify-end gap-3">
+<Dialog {open} {onClose} {title} {description}>
+	{#snippet actions()}
 		<Button variant="secondary" onclick={onClose}>Cancelar</Button>
 		<form method="POST" {action}>
 			<Button type="submit" variant="danger">{confirmLabel}</Button>
 		</form>
-	</div>
-</Modal>
+	{/snippet}
+</Dialog>