refactor: 로딩 스피너 표준화 및 프로젝트 헬스 개선

- LoadingSpinner 컴포넌트 5가지 변형 구현
  - LoadingSpinner (인라인/버튼용)
  - ContentLoadingSpinner (상세/수정 페이지)
  - PageLoadingSpinner (페이지 전환)
  - TableLoadingSpinner (테이블/리스트)
  - ButtonSpinner (버튼 내부)
- 18개+ 페이지 로딩 UI 표준화
  - HR 페이지 (사원, 휴가, 부서, 급여, 근태)
  - 영업 페이지 (견적, 거래처)
  - 게시판, 팝업관리, 품목기준정보
- API 키 보안 개선 (NEXT_PUBLIC_API_KEY → API_KEY)
- Textarea 다크모드 스타일 개선
- DropdownField Radix UI Select 버그 수정 (key prop)
- 프로젝트 헬스 개선 계획서 문서화

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

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

src/components/approval/DocumentCreate/index.tsx

@@ -168,7 +168,7 @@ export function DocumentCreate() {
           })),
           cardInfo: expenseReportData.cardId || '-',
           totalAmount: expenseReportData.totalAmount,
-          attachments: expenseReportData.attachments,
+          attachments: expenseReportData.attachments.map(f => f.name),
           approvers,
           drafter,
         };
@@ -182,7 +182,7 @@ export function DocumentCreate() {
           description: proposalData.description || '-',
           reason: proposalData.reason || '-',
           estimatedCost: proposalData.estimatedCost,
-          attachments: proposalData.attachments,
+          attachments: proposalData.attachments.map(f => f.name),
           approvers,
           drafter,
         };