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

Add the hook useRemoveTeam, it will be used to
remove a team.

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

@@ -1,4 +1,5 @@
 export * from './useCreateTeam';
+export * from './useRemoveTeam';
 export * from './useTeam';
 export * from './useTeams';
 export * from './useUpdateTeam';

src/frontend/apps/desk/src/features/teams/api/useRemoveTeam.tsx

@@ -0,0 +1,51 @@
+import {
+  UseMutationOptions,
+  useMutation,
+  useQueryClient,
+} from '@tanstack/react-query';
+
+import { APIError, errorCauses, fetchAPI } from '@/api';
+
+import { KEY_LIST_TEAM } from './useTeams';
+
+interface RemoveTeamProps {
+  teamId: string;
+}
+
+export const removeTeam = async ({
+  teamId,
+}: RemoveTeamProps): Promise<void> => {
+  const response = await fetchAPI(`teams/${teamId}/`, {
+    method: 'DELETE',
+  });
+
+  if (!response.ok) {
+    throw new APIError(
+      'Failed to delete the team',
+      await errorCauses(response),
+    );
+  }
+};
+
+type UseRemoveTeamOptions = UseMutationOptions<void, APIError, RemoveTeamProps>;
+
+export const useRemoveTeam = (options?: UseRemoveTeamOptions) => {
+  const queryClient = useQueryClient();
+  return useMutation<void, APIError, RemoveTeamProps>({
+    mutationFn: removeTeam,
+    ...options,
+    onSuccess: (data, variables, context) => {
+      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);
+      }
+    },
+  });
+};