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

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

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

src/components/items/ItemMasterDataManagement/dialogs/MasterFieldDialog.tsx

@@ -6,6 +6,7 @@ import { Button } from '@/components/ui/button';
 import { Label } from '@/components/ui/label';
 import { Input } from '@/components/ui/input';
 import { Textarea } from '@/components/ui/textarea';
+import { QuantityInput } from '@/components/ui/quantity-input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Switch } from '@/components/ui/switch';
 import { Badge } from '@/components/ui/badge';
@@ -221,13 +222,12 @@ export function MasterFieldDialog({
                 <div className="space-y-4 pt-4 border-t">
                   <div>
                     <Label>컬럼 개수</Label>
-                    <Input
-                      type="number"
-                      min="2"
-                      max="10"
+                    <QuantityInput
+                      min={2}
+                      max={10}
                       value={newMasterFieldColumnCount}
-                      onChange={(e) => {
-                        const count = parseInt(e.target.value) || 2;
+                      onChange={(value) => {
+                        const count = value ?? 2;
                         setNewMasterFieldColumnCount(count);
                         // 컬럼 개수에 맞게 이름 배열 조정
                         const newNames = Array.from({ length: count }, (_, i) =>

src/components/items/ItemMasterDataManagement/dialogs/TemplateFieldDialog.tsx

@@ -6,6 +6,7 @@ import { Button } from '@/components/ui/button';
 import { Label } from '@/components/ui/label';
 import { Input } from '@/components/ui/input';
 import { Textarea } from '@/components/ui/textarea';
+import { QuantityInput } from '@/components/ui/quantity-input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Switch } from '@/components/ui/switch';
 import { Badge } from '@/components/ui/badge';
@@ -321,13 +322,12 @@ export function TemplateFieldDialog({
                 <>
                   <div>
                     <Label>컬럼 개수</Label>
-                    <Input
-                      type="number"
+                    <QuantityInput
                       min={2}
                       max={10}
                       value={templateFieldColumnCount}
-                      onChange={(e) => {
-                        const count = parseInt(e.target.value) || 2;
+                      onChange={(value) => {
+                        const count = value ?? 2;
                         setTemplateFieldColumnCount(count);
                         const newNames = Array.from({ length: count }, (_, i) =>
                           templateFieldColumnNames[i] || `컬럼${i + 1}`