✨(app-desk) add useDeleteTeamAccess react-query hook

Add the hook useDeleteTeamAccess, it will be used to
delete member from a team.

src/frontend/apps/desk/src/features/members/api/index.ts

@@ -1,2 +1,3 @@
+export * from './useDeleteTeamAccess';
 export * from './useTeamsAccesses';
 export * from './useUpdateTeamAccess';

src/frontend/apps/desk/src/features/members/api/useDeleteTeamAccess.ts

@@ -0,0 +1,64 @@
+import {
+  UseMutationOptions,
+  useMutation,
+  useQueryClient,
+} from '@tanstack/react-query';
+
+import { APIError, errorCauses, fetchAPI } from '@/api';
+import { KEY_LIST_TEAM, KEY_TEAM } from '@/features/teams/';
+
+import { KEY_LIST_TEAM_ACCESSES } from './useTeamsAccesses';
+
+interface DeleteTeamAccessProps {
+  teamId: string;
+  accessId: string;
+}
+
+export const deleteTeamAccess = async ({
+  teamId,
+  accessId,
+}: DeleteTeamAccessProps): Promise<void> => {
+  const response = await fetchAPI(`teams/${teamId}/accesses/${accessId}/`, {
+    method: 'DELETE',
+  });
+
+  if (!response.ok) {
+    throw new APIError(
+      'Failed to delete the member',
+      await errorCauses(response),
+    );
+  }
+};
+
+type UseDeleteTeamAccessOptions = UseMutationOptions<
+  void,
+  APIError,
+  DeleteTeamAccessProps
+>;
+
+export const useDeleteTeamAccess = (options?: UseDeleteTeamAccessOptions) => {
+  const queryClient = useQueryClient();
+  return useMutation<void, APIError, DeleteTeamAccessProps>({
+    mutationFn: deleteTeamAccess,
+    ...options,
+    onSuccess: (data, variables, context) => {
+      void queryClient.invalidateQueries({
+        queryKey: [KEY_LIST_TEAM_ACCESSES],
+      });
+      void queryClient.invalidateQueries({
+        queryKey: [KEY_TEAM],
+      });
+      void queryClient.invalidateQueries({
+        queryKey: [KEY_LIST_TEAM],
+      });
+      if (options?.onSuccess) {
+        options.onSuccess(data, variables, context);
+      }
+    },
+    onError: (error, variables, context) => {
+      if (options?.onError) {
+        options.onError(error, variables, context);
+      }
+    },
+  });
+};