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/quality/InspectionManagement/InspectionCreate.tsx

@@ -18,6 +18,7 @@ import { Badge } from '@/components/ui/badge';
 import { getPresetStyle } from '@/lib/utils/status-config';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
+import { DatePicker } from '@/components/ui/date-picker';
 import { Label } from '@/components/ui/label';
 import {
   Table,
@@ -566,26 +567,23 @@ export function InspectionCreate() {
           <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
             <div className="space-y-2">
               <Label>검사방문요청일</Label>
-              <Input
-                type="date"
+              <DatePicker
                 value={formData.scheduleInfo.visitRequestDate}
-                onChange={(e) => updateNested('scheduleInfo', 'visitRequestDate', e.target.value)}
+                onChange={(date) => updateNested('scheduleInfo', 'visitRequestDate', date)}
               />
             </div>
             <div className="space-y-2">
               <Label>검사시작일</Label>
-              <Input
-                type="date"
+              <DatePicker
                 value={formData.scheduleInfo.startDate}
-                onChange={(e) => updateNested('scheduleInfo', 'startDate', e.target.value)}
+                onChange={(date) => updateNested('scheduleInfo', 'startDate', date)}
               />
             </div>
             <div className="space-y-2">
               <Label>검사종료일</Label>
-              <Input
-                type="date"
+              <DatePicker
                 value={formData.scheduleInfo.endDate}
-                onChange={(e) => updateNested('scheduleInfo', 'endDate', e.target.value)}
+                onChange={(date) => updateNested('scheduleInfo', 'endDate', date)}
               />
             </div>
             <div className="space-y-2">

src/components/quality/InspectionManagement/InspectionDetail.tsx

@@ -27,6 +27,7 @@ import { Badge } from '@/components/ui/badge';
 import { getPresetStyle } from '@/lib/utils/status-config';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
+import { DatePicker } from '@/components/ui/date-picker';
 import { Label } from '@/components/ui/label';
 import {
   Table,
@@ -932,26 +933,23 @@ export function InspectionDetail({ id }: InspectionDetailProps) {
             <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
               <div className="space-y-2">
                 <Label>검사방문요청일</Label>
-                <Input
-                  type="date"
+                <DatePicker
                   value={formData.scheduleInfo.visitRequestDate}
-                  onChange={(e) => updateNested('scheduleInfo', 'visitRequestDate', e.target.value)}
+                  onChange={(date) => updateNested('scheduleInfo', 'visitRequestDate', date)}
                 />
               </div>
               <div className="space-y-2">
                 <Label>검사시작일</Label>
-                <Input
-                  type="date"
+                <DatePicker
                   value={formData.scheduleInfo.startDate}
-                  onChange={(e) => updateNested('scheduleInfo', 'startDate', e.target.value)}
+                  onChange={(date) => updateNested('scheduleInfo', 'startDate', date)}
                 />
               </div>
               <div className="space-y-2">
                 <Label>검사종료일</Label>
-                <Input
-                  type="date"
+                <DatePicker
                   value={formData.scheduleInfo.endDate}
-                  onChange={(e) => updateNested('scheduleInfo', 'endDate', e.target.value)}
+                  onChange={(date) => updateNested('scheduleInfo', 'endDate', date)}
                 />
               </div>
               <div className="space-y-2">