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/material/ReceivingManagement/InspectionCreate.tsx

@@ -12,13 +12,14 @@
 
 import { useState, useCallback, useMemo, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { Calendar } from 'lucide-react';
+
 import { getTodayString } from '@/utils/date';
 import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
 import { materialInspectionCreateConfig } from './inspectionConfig';
 import { ContentSkeleton } from '@/components/ui/skeleton';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
+import { DatePicker } from '@/components/ui/date-picker';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import {
@@ -251,15 +252,10 @@ export function InspectionCreate({ id }: Props) {
               <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                 <div className="space-y-2">
                   <Label className="text-sm text-muted-foreground">검사일</Label>
-                  <div className="relative">
-                    <Input
-                      type="date"
-                      value={inspectionDate}
-                      onChange={(e) => setInspectionDate(e.target.value)}
-                      className="pr-10"
-                    />
-                    <Calendar className="absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground pointer-events-none" />
-                  </div>
+                  <DatePicker
+                    value={inspectionDate}
+                    onChange={(date) => setInspectionDate(date)}
+                  />
                 </div>
                 <div className="space-y-2">
                   <Label className="text-sm text-muted-foreground">

src/components/material/ReceivingManagement/ReceivingDetail.tsx

@@ -24,6 +24,7 @@ import { ImportInspectionInputModal, type ImportInspectionData } from './ImportI
 import { Button } from '@/components/ui/button';
 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 { SupplierSearchModal } from './SupplierSearchModal';
 import {
@@ -538,12 +539,9 @@ export function ReceivingDetail({ id, mode = 'view' }: Props) {
                 <Label htmlFor="receivingDate" className="text-sm text-muted-foreground">
                   입고일 <span className="text-red-500">*</span>
                 </Label>
-                <Input
-                  id="receivingDate"
-                  type="date"
+                <DatePicker
                   value={formData.receivingDate || ''}
-                  onChange={(e) => handleInputChange('receivingDate', e.target.value)}
-                  className="mt-1.5"
+                  onChange={(date) => handleInputChange('receivingDate', date)}
                 />
               </div>
 
@@ -649,17 +647,16 @@ export function ReceivingDetail({ id, mode = 'view' }: Props) {
                       <TableRow key={adj.id}>
                         <TableCell className="text-center">{idx + 1}</TableCell>
                         <TableCell className="text-center">
-                          <Input
-                            type="date"
+                          <DatePicker
                             value={adj.adjustmentDate}
-                            onChange={(e) => {
+                            onChange={(date) => {
                               setAdjustments((prev) =>
                                 prev.map((a) =>
-                                  a.id === adj.id ? { ...a, adjustmentDate: e.target.value } : a
+                                  a.id === adj.id ? { ...a, adjustmentDate: date } : a
                                 )
                               );
                             }}
-                            className="h-8 text-sm"
+                            size="sm"
                           />
                         </TableCell>
                         <TableCell className="text-center">