fix(approval): 결재선/참조 Select 값 변경 불가 버그 수정

- SelectValue children 조건부 렌더링 → placeholder prop으로 이동
- Radix UI Select 상태 관리 문제 해결
- @/lib/api barrel export 추가 (빌드 오류 해결)

수정 파일:
- ApprovalLineSection.tsx: SelectValue 수정
- ReferenceSection.tsx: SelectValue 수정
- src/lib/api/index.ts: 신규 생성

빌드 검증: npm run build 성공 (349 페이지)

src/components/approval/DocumentCreate/ApprovalLineSection.tsx

@@ -75,11 +75,13 @@ export function ApprovalLineSection({ data, onChange }: ApprovalLineSectionProps
                 onValueChange={(value) => handleChange(index, value)}
               >
                 <SelectTrigger className="flex-1">
-                  <SelectValue placeholder="부서명 / 직책명 / 이름 ▼">
-                    {person.name && !person.id.startsWith('temp-')
-                      ? `${person.department || ''} / ${person.position || ''} / ${person.name}`
-                      : null}
-                  </SelectValue>
+                  <SelectValue
+                    placeholder={
+                      person.name && !person.id.startsWith('temp-')
+                        ? `${person.department || ''} / ${person.position || ''} / ${person.name}`
+                        : "부서명 / 직책명 / 이름 ▼"
+                    }
+                  />
                 </SelectTrigger>
                 <SelectContent>
                   {employees.map((employee) => (

src/components/approval/DocumentCreate/ReferenceSection.tsx

@@ -75,11 +75,13 @@ export function ReferenceSection({ data, onChange }: ReferenceSectionProps) {
                 onValueChange={(value) => handleChange(index, value)}
               >
                 <SelectTrigger className="flex-1">
-                  <SelectValue placeholder="부서명 / 직책명 / 이름 ▼">
-                    {person.name && !person.id.startsWith('temp-')
-                      ? `${person.department || ''} / ${person.position || ''} / ${person.name}`
-                      : null}
-                  </SelectValue>
+                  <SelectValue
+                    placeholder={
+                      person.name && !person.id.startsWith('temp-')
+                        ? `${person.department || ''} / ${person.position || ''} / ${person.name}`
+                        : "부서명 / 직책명 / 이름 ▼"
+                    }
+                  />
                 </SelectTrigger>
                 <SelectContent>
                   {employees.map((employee) => (

src/lib/api/index.ts

@@ -0,0 +1,16 @@
+// lib/api/index.ts
+// API 클라이언트 배럴 익스포트
+
+export { ApiClient, withTokenRefresh } from './client';
+export { serverFetch } from './fetch-wrapper';
+export { AUTH_CONFIG } from './auth/auth-config';
+
+// Server-side API 클라이언트 인스턴스
+// 서버 액션에서 사용
+import { ApiClient } from './client';
+import { AUTH_CONFIG } from './auth/auth-config';
+
+export const apiClient = new ApiClient({
+  mode: 'api-key',
+  apiKey: process.env.API_KEY,
+});