fix: follower api 수정

Author: wooktori

src/api/service/follower-service/index.ts

@@ -3,8 +3,7 @@ import { Follower } from '@/types/service/follow';
 
 export const followerServiceRemote = () => ({
   // 팔로워 목록 조회
-  // 임시주소로 작성. 나중에 수정 필요.
-  getFollowers: async () => {
-    return api.get<Follower[]>('/followers');
+  getFollowers: async ({ userId }: { userId: number }) => {
+    return api.get<Follower[]>(`/${userId}/followers`);
   },
 });

src/app/message/page.tsx

@@ -2,7 +2,7 @@
 
 import { useSearchParams } from 'next/navigation';
 
-import { Chat, FollowingList, FollowingSearch } from '@/components/pages/message';
+import { Chat, FollowingList, FollowingNone, FollowingSearch } from '@/components/pages/message';
 import { TabNavigation } from '@/components/shared';
 import { useGetFollowers } from '@/hooks/use-follower/use-follower-get';
 
@@ -16,7 +16,6 @@ export default function FollowingPage() {
 
   const params = useSearchParams();
   const tab = params.get('tab') || 'following';
-  if (!followers) return null;
   return (
     <div className='min-h-screen bg-[#F1F5F9]'>
       <TabNavigation basePath='/message' tabs={SOCIAL_TABS} />
@@ -25,7 +24,14 @@ export default function FollowingPage() {
       {tab === 'following' && (
         <>
           <FollowingSearch />
-          <FollowingList items={followers} />
+
+          {followers && followers.length > 0 ? (
+            <FollowingList items={followers} />
+          ) : (
+            <div className='flex flex-1 items-center justify-center'>
+              <FollowingNone />
+            </div>
+          )}
         </>
       )}
     </div>

src/components/pages/message/index.ts

@@ -1,4 +1,5 @@
 export { Chat } from './chat';
 export { FollowingCard } from './message-following-card';
 export { FollowingList } from './message-following-list';
+export { FollowingNone } from './message-following-none';
 export { FollowingSearch } from './message-following-search';

src/components/pages/message/message-following-none/index.tsx

@@ -0,0 +1,3 @@
+export const FollowingNone = () => {
+  return <div className='text-gray-600'>아직 팔로우 한 사람이 없어요.</div>;
+};

src/mock/service/followers/followers-handler.ts

@@ -3,7 +3,7 @@ import { http, HttpResponse } from 'msw';
 import { createMockErrorResponse, createMockSuccessResponse } from '../common/common-mock';
 import { mockFollowingItems } from './followers-mocks';
 
-const getFollowersMock = http.get('*/followers', () => {
+const getFollowersMock = http.get(`*/:userId/followers`, () => {
   if (!mockFollowingItems) {
     return HttpResponse.json(
       createMockErrorResponse({