feat(WEB): Phase 2-3 V2 마이그레이션 완료 및 ServerErrorPage 적용

Phase 2 완료 (4개):
- 노무관리, 단가관리(건설), 입금, 출금

Phase 3 라우팅 구조 변경 완료 (22개):
- 거래처(영업), 팝업관리, 공정관리, 게시판관리, 대손추심, Q&A
- 현장관리, 실행내역, 견적관리, 견적(테스트)
- 입찰관리, 이슈관리, 현장설명회, 견적서(건설)
- 협력업체, 시공관리, 기성관리, 품목관리(건설)
- 회계 도메인: 거래처, 매출, 세금계산서, 매입

신규 컴포넌트:
- ErrorCard: 에러 페이지 UI 통일
- ServerErrorPage: V2 페이지 에러 처리 필수
- V2 Client 컴포넌트 및 Config 파일들

총 47개 상세 페이지 중 28개 완료, 19개 제외/불필요

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

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

@@ -132,9 +132,20 @@ async function proxyRequest(
   method: string
 ) {
   try {
-    // 1. HttpOnly 쿠키에서 토큰 읽기 (서버에서만 가능!)
-    let token = request.cookies.get('access_token')?.value;
-    const refreshToken = request.cookies.get('refresh_token')?.value;
+    // 1. 🆕 미들웨어에서 전달한 새 토큰 먼저 확인
+    // Set-Cookie는 응답 헤더에만 설정되어 같은 요청 내 cookies()로 읽을 수 없음
+    // 따라서 request headers로 전달된 새 토큰을 먼저 사용
+    const refreshedAccessToken = request.headers.get('x-refreshed-access-token');
+    const refreshedRefreshToken = request.headers.get('x-refreshed-refresh-token');
+
+    // 2. HttpOnly 쿠키에서 토큰 읽기 (서버에서만 가능!)
+    let token = refreshedAccessToken || request.cookies.get('access_token')?.value;
+    const refreshToken = refreshedRefreshToken || request.cookies.get('refresh_token')?.value;
+
+    // 디버깅: 어떤 토큰을 사용하는지 로그
+    if (refreshedAccessToken) {
+      console.log('🔵 [PROXY] Using refreshed token from middleware headers');
+    }
 
     // 2. 백엔드 URL 구성
     const backendUrl = `${process.env.NEXT_PUBLIC_API_URL}/api/v1/${params.path.join('/')}`;