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

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

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

src/components/quotes/LocationListPanel.tsx

@@ -14,6 +14,8 @@ import { toast } from "sonner";
 
 import { Button } from "../ui/button";
 import { Input } from "../ui/input";
+import { NumberInput } from "../ui/number-input";
+import { QuantityInput } from "../ui/quantity-input";
 import {
   Select,
   SelectContent,
@@ -398,21 +400,19 @@ export function LocationListPanel({
             </div>
             <div>
               <label className="text-xs text-gray-600">가로</label>
-              <Input
-                type="number"
+              <NumberInput
                 placeholder="5000"
-                value={formData.openWidth}
-                onChange={(e) => handleFormChange("openWidth", e.target.value)}
+                value={formData.openWidth ? Number(formData.openWidth) : undefined}
+                onChange={(value) => handleFormChange("openWidth", value?.toString() ?? "")}
                 className="h-8 text-sm"
               />
             </div>
             <div>
               <label className="text-xs text-gray-600">세로</label>
-              <Input
-                type="number"
+              <NumberInput
                 placeholder="3000"
-                value={formData.openHeight}
-                onChange={(e) => handleFormChange("openHeight", e.target.value)}
+                value={formData.openHeight ? Number(formData.openHeight) : undefined}
+                onChange={(value) => handleFormChange("openHeight", value?.toString() ?? "")}
                 className="h-8 text-sm"
               />
             </div>
@@ -436,12 +436,11 @@ export function LocationListPanel({
             </div>
             <div>
               <label className="text-xs text-gray-600">수량</label>
-              <Input
-                type="number"
-                min="1"
-                value={formData.quantity}
-                onChange={(e) => handleFormChange("quantity", e.target.value)}
+              <QuantityInput
+                value={formData.quantity ? Number(formData.quantity) : undefined}
+                onChange={(value) => handleFormChange("quantity", value?.toString() ?? "")}
                 className="h-8 text-sm"
+                min={1}
               />
             </div>
           </div>