fix: useSearchParams 사용하는 컴포넌트 build 오류 수정 (suspense 추가)

src/app/(iTracker)/login/page.tsx

@@ -3,7 +3,7 @@
 import { API_BASE_URL } from '@/shared/api/constants';
 import { useToast } from '@/shared/components/shadcn/ui/use-toast';
 import { useSearchParams } from 'next/navigation';
-import { useEffect } from 'react';
+import { Suspense, useEffect } from 'react';
 
 export default function LoginPage() {
   const params = useSearchParams();
@@ -23,13 +23,15 @@ export default function LoginPage() {
   };
 
   return (
-    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
-      <button
-        onClick={handleButtonClick}
-        style={{ padding: '10px 20px', fontSize: '18px', borderRadius: '5px', cursor: 'pointer' }}
-      >
-        카카오톡 로그인
-      </button>
-    </div>
+    <Suspense>
+      <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
+        <button
+          onClick={handleButtonClick}
+          style={{ padding: '10px 20px', fontSize: '18px', borderRadius: '5px', cursor: 'pointer' }}
+        >
+          카카오톡 로그인
+        </button>
+      </div>
+    </Suspense>
   );
 }

src/app/(iTracker)/oauth/redirected/kakao/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, Suspense } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { Loading } from '@/shared/components/Loading';
 import { useToast } from '@/shared/components/shadcn/ui/use-toast';
@@ -35,5 +35,9 @@ export default function KakaoCallbackPage() {
     }
   }, [authCode, router, toast]);
 
-  return <Loading />;
+  return (
+    <Suspense>
+      <Loading />
+    </Suspense>
+  );
 }