fix confirm dialog style

src/components/confirm-dialog.tsx

@@ -42,7 +42,7 @@ export function ConfirmDialog({
           <AlertDialogCancel>取消</AlertDialogCancel>
           <AlertDialogAction
             disabled={busy}
-            className={destructive ? 'bg-destructive text-white hover:bg-destructive/90' : undefined}
+            variant={destructive ? 'destructive' : 'default'}
             onClick={async (event) => {
               event.preventDefault()
               setBusy(true)

src/routes/_authed/users/index.tsx

@@ -364,7 +364,7 @@ function UsersPage() {
           <AlertDialogFooter>
             <AlertDialogCancel onClick={() => setTogglingUser(null)}>取消</AlertDialogCancel>
             <AlertDialogAction
-              className="bg-destructive text-white hover:bg-destructive/90"
+              variant="destructive"
               onClick={() => {
                 if (togglingUser) {
                   void handleStatusToggle(togglingUser.user, false)