feat: 주변 크루 목록 가져오는 api 함수 작성

- getNearCrewList 함수
- useNearCrewListQuery 훅

Author: dlwl98

src/api/crews/getNearCrewList.ts

@@ -0,0 +1,14 @@
+import { axiosInstance } from '@api/axiosInstance';
+
+import {
+  GetNearCrewListRequest,
+  GetNearCrewListResponse,
+} from '@type/api/crews';
+
+export const getNearCrewList = async (params: GetNearCrewListRequest) => {
+  const { data } = await axiosInstance.get<GetNearCrewListResponse>('/crews', {
+    params,
+  });
+
+  return data;
+};

src/hooks/queries/useNearCrewListQuery.ts

@@ -0,0 +1,28 @@
+import { useSuspenseInfiniteQuery } from '@tanstack/react-query';
+
+import { getNearCrewList } from '@api/crews/getNearCrewList';
+
+import { GetNearCrewListRequest } from '@type/api/crews';
+
+const FETCH_SIZE = 20;
+
+export const useNearCrewListQuery = ({
+  addressDepth1,
+  addressDepth2,
+}: Pick<GetNearCrewListRequest, 'addressDepth1' | 'addressDepth2'>) => {
+  const { data, ...query } = useSuspenseInfiniteQuery({
+    queryKey: ['near-crews', addressDepth1, addressDepth2],
+    queryFn: ({ pageParam }) =>
+      getNearCrewList({
+        addressDepth1,
+        addressDepth2,
+        page: pageParam,
+        size: FETCH_SIZE,
+      }),
+    getNextPageParam: (_, pages) => pages.length,
+    initialPageParam: 0,
+  });
+  const nearCrews = data.pages.flat();
+
+  return { nearCrews, data, ...query };
+};