Replace native confirm() dialogs with styled confirm modals.

Add shared confirm-dialog component, Alpine ladillConfirm store, and
swap browser confirms for consistent bottom-sheet modals across user,
admin, and hosting flows.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/views/email/account/settings.blade.php

@@ -22,13 +22,22 @@
                         <div class="mt-4 rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2.5 text-sm text-emerald-800">
                             Linked mailbox: <span class="font-semibold">{{ $linkStatus['linked_mailbox'] }}</span>
                         </div>
-                        <form method="POST" action="{{ route('account.settings.mailbox-unlink') }}" class="mt-3"
-                              onsubmit="return confirm('Unlink this mailbox from your Ladill account? Ladill Mail will no longer open automatically with Ladill sign-in.')">
-                            @csrf @method('DELETE')
-                            <button type="submit" class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-50">
-                                Unlink mailbox
-                            </button>
-                        </form>
+                        <x-confirm-dialog
+                            name="unlink-mailbox"
+                            title="Unlink mailbox?"
+                            message="Unlink this mailbox from your Ladill account? Ladill Mail will no longer open automatically with Ladill sign-in."
+                            :action="route('account.settings.mailbox-unlink')"
+                            method="DELETE"
+                            confirm-label="Unlink"
+                            variant="primary"
+                            class="mt-3"
+                        >
+                            <x-slot:trigger>
+                                <button type="button" class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-50">
+                                    Unlink mailbox
+                                </button>
+                            </x-slot:trigger>
+                        </x-confirm-dialog>
                     @elseif(($linkStatus['stage'] ?? '') === 'needs_domain')
                         <p class="mt-3 text-sm text-amber-800">Add and verify an email domain first.</p>
                         <a href="{{ route('email.domains.index') }}" class="mt-3 inline-flex items-center gap-1 text-sm font-semibold text-indigo-700 hover:text-indigo-800">