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/hr/EmployeeManagement/EmployeeDialog.tsx

@@ -57,6 +57,10 @@ const initialFormData: EmployeeFormData = {
   confirmPassword: '',
   role: 'user',
   accountStatus: 'active',
+  clockInLocation: '',
+  clockOutLocation: '',
+  resignationDate: '',
+  resignationReason: '',
 };
 
 export function EmployeeDialog({
@@ -103,6 +107,10 @@ export function EmployeeDialog({
         confirmPassword: '',
         role: employee.userInfo?.role || 'user',
         accountStatus: employee.userInfo?.accountStatus || 'active',
+        clockInLocation: employee.clockInLocation || '',
+        clockOutLocation: employee.clockOutLocation || '',
+        resignationDate: employee.resignationDate || '',
+        resignationReason: employee.resignationReason || '',
       });
     } else if (open && mode === 'create') {
       setFormData(initialFormData);

src/components/hr/EmployeeManagement/types.ts

@@ -125,6 +125,8 @@ export interface Employee {
   clockOutLocation?: string; // 퇴근 위치
   resignationDate?: string; // 퇴사일
   resignationReason?: string; // 퇴직사유
+  concurrentPosition?: string; // 겸직 직위
+  concurrentReason?: string; // 겸직 사유
 
   // 사용자 정보 (시스템 계정)
   userInfo?: UserInfo;