feat: fetchWrapper 마이그레이션 및 토큰 리프레시 캐싱 구현

- 40+ actions.ts 파일을 fetchWrapper 패턴으로 마이그레이션
- 토큰 리프레시 캐싱 로직 추가 (refresh-token.ts)
- ApiErrorContext 추가로 전역 에러 처리 개선
- HR EmployeeForm 컴포넌트 개선
- 참조함(ReferenceBox) 기능 수정
- juil 테스트 URL 페이지 추가
- claudedocs 문서 업데이트

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/approval/DocumentCreate/ApprovalLineSection.tsx

@@ -68,24 +68,23 @@ export function ApprovalLineSection({ data, onChange }: ApprovalLineSectionProps
           </div>
         ) : (
           data.map((person, index) => (
-            <div key={person.id} className="flex items-center gap-2">
+            <div key={`${person.id}-${index}`} className="flex items-center gap-2">
               <span className="w-8 text-center text-sm text-gray-500">{index + 1}</span>
               <Select
-                value={person.id.startsWith('temp-') ? '' : person.id}
+                value={person.id.startsWith('temp-') ? undefined : person.id}
                 onValueChange={(value) => handleChange(index, value)}
               >
                 <SelectTrigger className="flex-1">
-                  {/* 이미 선택된 값이 있으면 직접 표시, 없으면 placeholder */}
-                  {person.name && !person.id.startsWith('temp-') ? (
-                    <span>{person.department} / {person.position} / {person.name}</span>
-                  ) : (
-                    <SelectValue placeholder="부서명 / 직책명 / 이름 ▼" />
-                  )}
+                  <SelectValue placeholder="부서명 / 직책명 / 이름 ▼">
+                    {person.name && !person.id.startsWith('temp-')
+                      ? `${person.department || ''} / ${person.position || ''} / ${person.name}`
+                      : null}
+                  </SelectValue>
                 </SelectTrigger>
                 <SelectContent>
                   {employees.map((employee) => (
                     <SelectItem key={employee.id} value={employee.id}>
-                      {employee.department} / {employee.position} / {employee.name}
+                      {employee.department || ''} / {employee.position || ''} / {employee.name}
                     </SelectItem>
                   ))}
                 </SelectContent>