feat: Bind data to TenantTable #2846 (#2883)

### What problem does this PR solve?

feat: Bind data to TenantTable #2846
feat: Add TenantTable

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/user-setting/setting-team/hooks.ts

@@ -0,0 +1,68 @@
+import { useSetModalState, useShowDeleteConfirm } from '@/hooks/common-hooks';
+import {
+  useAddTenantUser,
+  useAgreeTenant,
+  useDeleteTenantUser,
+  useFetchUserInfo,
+} from '@/hooks/user-setting-hooks';
+import { useCallback } from 'react';
+
+export const useAddUser = () => {
+  const { addTenantUser } = useAddTenantUser();
+  const {
+    visible: addingTenantModalVisible,
+    hideModal: hideAddingTenantModal,
+    showModal: showAddingTenantModal,
+  } = useSetModalState();
+
+  const handleAddUserOk = useCallback(
+    async (email: string) => {
+      const retcode = await addTenantUser(email);
+      if (retcode === 0) {
+        hideAddingTenantModal();
+      }
+    },
+    [addTenantUser, hideAddingTenantModal],
+  );
+
+  return {
+    addingTenantModalVisible,
+    hideAddingTenantModal,
+    showAddingTenantModal,
+    handleAddUserOk,
+  };
+};
+
+export const useHandleDeleteUser = () => {
+  const { deleteTenantUser, loading } = useDeleteTenantUser();
+  const showDeleteConfirm = useShowDeleteConfirm();
+
+  const handleDeleteTenantUser = (userId: string) => () => {
+    showDeleteConfirm({
+      onOk: async () => {
+        const retcode = await deleteTenantUser({ userId });
+        if (retcode === 0) {
+        }
+        return;
+      },
+    });
+  };
+
+  return { handleDeleteTenantUser, loading };
+};
+
+export const useHandleAgreeTenant = () => {
+  const { agreeTenant } = useAgreeTenant();
+  const { deleteTenantUser } = useDeleteTenantUser();
+  const { data: user } = useFetchUserInfo();
+
+  const handleAgree = (tenantId: string, isAgree: boolean) => () => {
+    if (isAgree) {
+      agreeTenant(tenantId);
+    } else {
+      deleteTenantUser({ tenantId, userId: user.id });
+    }
+  };
+
+  return { handleAgree };
+};