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/hr/EmployeeManagement/EmployeeDialog.tsx

@@ -11,6 +11,7 @@ import {
 } from '@/components/ui/dialog';
 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 { CurrencyInput } from '@/components/ui/currency-input';
 import { PhoneInput } from '@/components/ui/phone-input';
@@ -348,11 +349,9 @@ export function EmployeeDialog({
               {fieldSettings.showHireDate && (
                 <div className="space-y-2">
                   <Label htmlFor="hireDate">입사일</Label>
-                  <Input
-                    id="hireDate"
-                    type="date"
+                  <DatePicker
                     value={formData.hireDate}
-                    onChange={(e) => handleChange('hireDate', e.target.value)}
+                    onChange={(date) => handleChange('hireDate', date)}
                     disabled={isViewMode}
                   />
                 </div>

src/components/hr/EmployeeManagement/EmployeeForm.tsx

@@ -14,6 +14,7 @@ import { employeeCreateConfig, employeeEditConfig, employeeConfig } from './empl
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 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 { CurrencyInput } from '@/components/ui/currency-input';
 import { PhoneInput } from '@/components/ui/phone-input';
@@ -686,11 +687,9 @@ export function EmployeeForm({
               {fieldSettings.showHireDate && (
                 <div className="space-y-2">
                   <Label htmlFor="hireDate">입사일</Label>
-                  <Input
-                    id="hireDate"
-                    type="date"
+                  <DatePicker
                     value={formData.hireDate}
-                    onChange={(e) => handleChange('hireDate', e.target.value)}
+                    onChange={(date) => handleChange('hireDate', date)}
                     disabled={isViewMode}
                   />
                 </div>
@@ -887,11 +886,9 @@ export function EmployeeForm({
                 {fieldSettings.showResignationDate && (
                   <div className="space-y-2">
                     <Label htmlFor="resignationDate">퇴사일</Label>
-                    <Input
-                      id="resignationDate"
-                      type="date"
+                    <DatePicker
                       value={formData.resignationDate}
-                      onChange={(e) => handleChange('resignationDate', e.target.value)}
+                      onChange={(date) => handleChange('resignationDate', date)}
                       disabled={isViewMode}
                     />
                   </div>

src/components/hr/VacationManagement/VacationGrantDialog.tsx

@@ -12,6 +12,7 @@ import {
 } from '@/components/ui/dialog';
 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 { QuantityInput } from '@/components/ui/quantity-input';
@@ -156,11 +157,9 @@ export function VacationGrantDialog({
           {/* 부여일 */}
           <div className="grid gap-2">
             <Label htmlFor="grantDate">부여일</Label>
-            <Input
-              id="grantDate"
-              type="date"
+            <DatePicker
               value={formData.grantDate}
-              onChange={(e) => setFormData(prev => ({ ...prev, grantDate: e.target.value }))}
+              onChange={(date) => setFormData(prev => ({ ...prev, grantDate: date }))}
             />
           </div>
 

src/components/hr/VacationManagement/VacationRequestDialog.tsx

@@ -12,6 +12,7 @@ import {
 } from '@/components/ui/dialog';
 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 {
   Select,
@@ -165,23 +166,19 @@ export function VacationRequestDialog({
           {/* 시작일 */}
           <div className="grid gap-2">
             <Label htmlFor="startDate">시작일</Label>
-            <Input
-              id="startDate"
-              type="date"
+            <DatePicker
               value={formData.startDate}
-              onChange={(e) => setFormData(prev => ({ ...prev, startDate: e.target.value }))}
+              onChange={(date) => setFormData(prev => ({ ...prev, startDate: date }))}
             />
           </div>
 
           {/* 종료일 */}
           <div className="grid gap-2">
             <Label htmlFor="endDate">종료일</Label>
-            <Input
-              id="endDate"
-              type="date"
+            <DatePicker
               value={formData.endDate}
-              min={formData.startDate || undefined}
-              onChange={(e) => setFormData(prev => ({ ...prev, endDate: e.target.value }))}
+              minDate={formData.startDate ? new Date(formData.startDate) : undefined}
+              onChange={(date) => setFormData(prev => ({ ...prev, endDate: date }))}
             />
           </div>