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) => (