feat(WEB): 입력 컴포넌트 공통화 및 UI 개선

- 숫자/통화/전화번호/사업자번호 등 특수 입력 컴포넌트 추가
- MobileCard 컴포넌트 통합 (ListMobileCard 제거)
- IntegratedListTemplateV2 페이지네이션 버그 수정 (NaN 이슈)
- IntegratedDetailTemplate 타이틀 중복 수정
- 문서 시스템 컴포넌트 추가
- 헤더 벨 아이콘 포커스 스타일 개선

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

src/components/orders/OrderSalesDetailEdit.tsx

@@ -14,6 +14,7 @@ import { useState, useEffect, useMemo, useCallback } from "react";
 import { useRouter } from "next/navigation";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
+import { PhoneInput } from "@/components/ui/phone-input";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Label } from "@/components/ui/label";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@@ -424,10 +425,10 @@ export function OrderSalesDetailEdit({ orderId }: OrderSalesDetailEditProps) {
                 <Label>
                   수신처 연락처 <span className="text-red-500">*</span>
                 </Label>
-                <Input
+                <PhoneInput
                   value={form.receiverContact}
-                  onChange={(e) =>
-                    setForm({ ...form, receiverContact: e.target.value })
+                  onChange={(value) =>
+                    setForm({ ...form, receiverContact: value })
                   }
                 />
               </div>