feat(WEB): DatePicker 공통화 및 공정관리/작업자화면 대폭 개선

DatePicker 공통화:
- date-picker.tsx 공통 컴포넌트 신규 추가
- 전체 폼 컴포넌트 DatePicker 통일 적용 (50+ 파일)
- DateRangeSelector 개선

공정관리:
- RuleModal 대폭 리팩토링 (-592줄 → 간소화)
- ProcessForm, StepForm 개선
- ProcessDetail 수정, actions 확장

작업자화면:
- WorkerScreen 기능 대폭 확장 (+543줄)
- WorkItemCard 개선
- types 확장

회계/인사/영업/품질:
- BadDebtDetail, BillDetail, DepositDetail, SalesDetail 등 DatePicker 적용
- EmployeeForm, VacationDialog 등 DatePicker 적용
- OrderRegistration, QuoteRegistration DatePicker 적용
- InspectionCreate, InspectionDetail DatePicker 적용

공사관리/CEO대시보드:
- BiddingDetail, ContractDetail, HandoverReport 등 DatePicker 적용
- ScheduleDetailModal, TodayIssueSection 개선

기타:
- WorkOrderCreate/Edit/Detail/List 개선
- ShipmentCreate/Edit, ReceivingDetail 개선
- calendar, calendarEvents 수정
- datepicker 마이그레이션 체크리스트 추가

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

src/components/process-management/ProcessDetail.tsx

@@ -137,14 +137,15 @@ export function ProcessDetail({ process }: ProcessDetailProps) {
             <CardTitle className="text-base">기본 정보</CardTitle>
           </CardHeader>
           <CardContent className="pt-6">
-            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6">
+            {/* Row 1: 공정번호 | 공정명 | 담당부서 | 담당자 */}
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
               <div className="space-y-1">
                 <div className="text-sm text-muted-foreground">공정번호</div>
                 <div className="font-medium">{process.processCode}</div>
               </div>
               <div className="space-y-1">
-                <div className="text-sm text-muted-foreground">공정형</div>
-                <Badge variant="secondary">{process.processType}</Badge>
+                <div className="text-sm text-muted-foreground">공정명</div>
+                <div className="font-medium">{process.processName}</div>
               </div>
               <div className="space-y-1">
                 <div className="text-sm text-muted-foreground">담당부서</div>
@@ -154,6 +155,13 @@ export function ProcessDetail({ process }: ProcessDetailProps) {
                 <div className="text-sm text-muted-foreground">담당자</div>
                 <div className="font-medium">{process.manager || '-'}</div>
               </div>
+            </div>
+            {/* Row 2: 구분 | 생산일자 | 상태 */}
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-6">
+              <div className="space-y-1">
+                <div className="text-sm text-muted-foreground">구분</div>
+                <div className="font-medium">{process.processCategory || '없음'}</div>
+              </div>
               <div className="space-y-1">
                 <div className="text-sm text-muted-foreground">생산일자</div>
                 <div className="font-medium">
@@ -188,7 +196,7 @@ export function ProcessDetail({ process }: ProcessDetailProps) {
                   {itemCount}개
                 </Badge>
                 <Button variant="outline" size="sm" onClick={handleEdit}>
-                  품목 선택
+                  공정 품목 선택
                 </Button>
               </div>
             </div>