add function for user

- create house
- edit house
- delete house
- list all member for active house

src/components/user/ban-user-confirm-dialog.tsx

@@ -1,4 +1,3 @@
-import { ReturnError } from '@/types/common';
 import usePreventAutoFocus from '@hooks/use-prevent-auto-focus';
 import { m } from '@paraglide/messages';
 import { ShieldWarningIcon } from '@phosphor-icons/react';
@@ -17,6 +16,7 @@ import {
 } from '@ui/dialog';
 import { UserWithRole } from 'better-auth/plugins';
 import { toast } from 'sonner';
+import { Spinner } from '../ui/spinner';
 import {
   Table,
   TableBody,
@@ -36,7 +36,7 @@ const BanUserConfirm = ({ data }: BanConfirmProps) => {
   const queryClient = useQueryClient();
   const prevent = usePreventAutoFocus();
 
-  const { mutate: banUserMutation } = useMutation({
+  const { mutate: banUserMutation, isPending } = useMutation({
     mutationFn: banUser,
     onSuccess: () => {
       queryClient.refetchQueries({
@@ -130,7 +130,13 @@ const BanUserConfirm = ({ data }: BanConfirmProps) => {
               {m.ui_cancel_btn()}
             </Button>
           </DialogClose>
-          <Button variant="destructive" type="button" onClick={onConfirm}>
+          <Button
+            variant="destructive"
+            type="button"
+            onClick={onConfirm}
+            disabled={isPending}
+          >
+            {isPending && <Spinner data-icon="inline-start" />}
             {m.ui_confirm_btn()}
           </Button>
         </DialogFooter>