Replace native browser confirms with Ladill confirm dialogs.

Mobile ticket cancel now uses the shared modal UI instead of window.confirm.

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

resources/views/qms/mobile/show.blade.php

@@ -28,10 +28,19 @@
                 <input type="number" name="minutes" value="15" min="5" max="120" class="w-20 rounded-lg border-slate-300 text-sm">
                 <button type="submit" class="btn-secondary flex-1">Delay arrival</button>
             </form>
-            <form method="POST" action="{{ route('qms.mobile.cancel', $ticket->qr_token) }}" class="mt-2" onsubmit="return confirm('Cancel this ticket?')">
-                @csrf
-                <x-btn type="submit" variant="danger" class="w-full">Cancel ticket</x-btn>
-            </form>
+            <div class="mt-2">
+                <x-confirm-dialog
+                    name="cancel-ticket"
+                    title="Cancel this ticket?"
+                    message="You will lose your place in the queue."
+                    :action="route('qms.mobile.cancel', $ticket->qr_token)"
+                    confirm-label="Cancel ticket"
+                >
+                    <x-slot:trigger>
+                        <x-btn type="button" variant="danger" class="w-full">Cancel ticket</x-btn>
+                    </x-slot:trigger>
+                </x-confirm-dialog>
+            </div>
         @endif
     </div>
 </body>