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/app/api/auth/check/route.ts

@@ -60,7 +60,7 @@ export async function GET(request: NextRequest) {
           headers: {
             'Content-Type': 'application/json',
             'Accept': 'application/json',
-            'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
+            'X-API-KEY': process.env.API_KEY || '',
           },
           body: JSON.stringify({
             refresh_token: refreshToken,

src/app/api/auth/login/route.ts

@@ -109,7 +109,7 @@ export async function POST(request: NextRequest) {
       headers: {
         'Content-Type': 'application/json',
         'Accept': 'application/json',
-        'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
+        'X-API-KEY': process.env.API_KEY || '',
       },
       body: JSON.stringify({ user_id, user_pwd }),
     });

src/app/api/auth/logout/route.ts

@@ -39,7 +39,7 @@ export async function POST(request: NextRequest) {
             'Content-Type': 'application/json',
             'Accept': 'application/json',
             'Authorization': `Bearer ${accessToken}`,
-            'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
+            'X-API-KEY': process.env.API_KEY || '',
           },
         });
         console.log('✅ Backend logout API called successfully');

src/app/api/auth/refresh/route.ts

@@ -49,7 +49,7 @@ export async function POST(request: NextRequest) {
       headers: {
         'Content-Type': 'application/json',
         'Accept': 'application/json',
-        'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
+        'X-API-KEY': process.env.API_KEY || '',
       },
       body: JSON.stringify({
         refresh_token: refreshToken,

src/app/api/auth/signup/route.ts

@@ -64,7 +64,7 @@ export async function POST(request: NextRequest) {
       headers: {
         'Content-Type': 'application/json',
         'Accept': 'application/json',
-        'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
+        'X-API-KEY': process.env.API_KEY || '',
       },
       body: JSON.stringify(body),
     });

src/app/api/proxy/[...path]/route.ts

@@ -45,7 +45,7 @@ async function refreshAccessToken(refreshToken: string): Promise<{
       headers: {
         'Content-Type': 'application/json',
         'Accept': 'application/json',
-        'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
+        'X-API-KEY': process.env.API_KEY || '',
       },
       body: JSON.stringify({
         refresh_token: refreshToken,
@@ -88,7 +88,7 @@ async function executeBackendRequest(
   // FormData인 경우 Content-Type을 생략해야 브라우저가 boundary를 자동 설정
   const headers: Record<string, string> = {
     'Accept': 'application/json',
-    'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
+    'X-API-KEY': process.env.API_KEY || '',
     'Authorization': token ? `Bearer ${token}` : '',
   };