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/approval/DocumentCreate/ExpenseReportForm.tsx

@@ -2,6 +2,7 @@
 
 import { Plus, X } from 'lucide-react';
 import { Input } from '@/components/ui/input';
+import { DatePicker } from '@/components/ui/date-picker';
 import { Label } from '@/components/ui/label';
 import { Button } from '@/components/ui/button';
 import { CurrencyInput } from '@/components/ui/currency-input';
@@ -83,21 +84,17 @@ export function ExpenseReportForm({ data, onChange }: ExpenseReportFormProps) {
         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div className="space-y-2">
             <Label htmlFor="requestDate">지출 요청일</Label>
-            <Input
-              id="requestDate"
-              type="date"
+            <DatePicker
               value={data.requestDate}
-              onChange={(e) => onChange({ ...data, requestDate: e.target.value })}
+              onChange={(date) => onChange({ ...data, requestDate: date })}
             />
           </div>
 
           <div className="space-y-2">
             <Label htmlFor="paymentDate">결제일</Label>
-            <Input
-              id="paymentDate"
-              type="date"
+            <DatePicker
               value={data.paymentDate}
-              onChange={(e) => onChange({ ...data, paymentDate: e.target.value })}
+              onChange={(date) => onChange({ ...data, paymentDate: date })}
             />
           </div>
         </div>

src/components/approval/DocumentCreate/ProposalForm.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState } from 'react';
 import { Mic } from 'lucide-react';
 import { Input } from '@/components/ui/input';
+import { DatePicker } from '@/components/ui/date-picker';
 import { Label } from '@/components/ui/label';
 import { Button } from '@/components/ui/button';
 import { CurrencyInput } from '@/components/ui/currency-input';
@@ -109,11 +110,9 @@ export function ProposalForm({ data, onChange }: ProposalFormProps) {
 
           <div className="space-y-2">
             <Label htmlFor="vendorPaymentDate">구매처 결제일</Label>
-            <Input
-              id="vendorPaymentDate"
-              type="date"
+            <DatePicker
               value={data.vendorPaymentDate}
-              onChange={(e) => onChange({ ...data, vendorPaymentDate: e.target.value })}
+              onChange={(date) => onChange({ ...data, vendorPaymentDate: date })}
             />
           </div>
         </div>