feat(WEB): 입찰/계약/주문관리 기능 추가 및 견적 상세 리팩토링

- 입찰관리: 목록/상세/수정 페이지 및 목업 데이터
- 계약관리: 목록/상세/수정 페이지 구현
- 주문관리: 수주/발주 목록 및 상세 페이지 구현
- 견적 상세 폼: 섹션별 분리 및 hooks/utils 리팩토링
- 품목관리, 카테고리관리, 단가관리 기능 추가
- 현장설명회/협력업체 폼 개선
- 프린트 유틸리티 공통화 (print-utils.ts)
- 문서 모달 공통 컴포넌트 정리
- IntegratedListTemplateV2, StatCards 개선

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

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

src/components/process-management/ProcessWorkLogPreviewModal.tsx

@@ -16,6 +16,7 @@ import {
 } from '@/components/ui/dialog';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { Button } from '@/components/ui/button';
+import { printArea } from '@/lib/print-utils';
 import type { Process } from '@/types/process';
 
 interface ProcessWorkLogPreviewModalProps {
@@ -47,7 +48,7 @@ export function ProcessWorkLogPreviewModal({
   process
 }: ProcessWorkLogPreviewModalProps) {
   const handlePrint = () => {
-    window.print();
+    printArea({ title: `${process.workLogTemplate} 인쇄` });
   };
 
   const documentCode = getDocumentCode(process.processName);
@@ -75,8 +76,8 @@ export function ProcessWorkLogPreviewModal({
           <DialogTitle>{process.workLogTemplate} 미리보기</DialogTitle>
         </VisuallyHidden>
 
-        {/* 모달 헤더 */}
-        <div className="flex items-center justify-between px-6 py-4 border-b bg-white sticky top-0 z-10">
+        {/* 모달 헤더 (인쇄 시 숨김) */}
+        <div className="print-hidden flex items-center justify-between px-6 py-4 border-b bg-white sticky top-0 z-10">
           <div className="flex items-center gap-3">
             <span className="font-semibold text-lg">{process.workLogTemplate} 미리보기</span>
             <span className="text-sm text-muted-foreground">({documentCode})</span>
@@ -97,8 +98,8 @@ export function ProcessWorkLogPreviewModal({
           </div>
         </div>
 
-        {/* 문서 본문 */}
-        <div className="m-6 p-6 bg-white rounded-lg shadow-sm">
+        {/* 문서 본문 (인쇄 시 이 영역만 출력) */}
+        <div className="print-area m-6 p-6 bg-white rounded-lg shadow-sm">
           {/* 문서 헤더: 로고 + 제목 + 결재라인 */}
           <div className="flex border border-gray-300 mb-6">
             {/* 좌측: 로고 영역 */}