fix: 페이지 삭제 시 섹션 동기화 및 코드 정리

- 페이지 삭제 시 독립 섹션 목록 갱신 추가 (독립 엔티티 아키텍처)
- ItemForm 컴포넌트 분리 완료 (1607→415줄, 74% 감소)
- ItemMasterDataManagement 중복 코드 제거 (getInputTypeLabel 헬퍼)
- 문서 업데이트 (realtime-sync-fixes.md)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

src/components/items/ItemMasterDataManagement/components/DraggableField.tsx

@@ -5,7 +5,7 @@ import { Badge } from '@/components/ui/badge';
 import {
   GripVertical,
   Edit,
-  X
+  Unlink
 } from 'lucide-react';
 
 // 입력방식 옵션 (ItemMasterDataManagement에서 사용하는 상수)
@@ -111,8 +111,9 @@ export function DraggableField({ field, index, moveField, onDelete, onEdit }: Dr
           size="sm"
           variant="ghost"
           onClick={onDelete}
+          title="섹션에서 연결 해제"
         >
-          <X className="h-4 w-4 text-red-500" />
+          <Unlink className="h-4 w-4 text-orange-500" />
         </Button>
       </div>
     </div>

src/components/items/ItemMasterDataManagement/components/DraggableSection.tsx

@@ -8,7 +8,7 @@ import {
   Edit,
   Check,
   X,
-  Trash2
+  Unlink
 } from 'lucide-react';
 
 interface DraggableSectionProps {
@@ -120,7 +120,7 @@ export function DraggableSection({
               onClick={onDelete}
               title="페이지에서 연결 해제"
             >
-              <X className="h-4 w-4 text-gray-500" />
+              <Unlink className="h-4 w-4 text-orange-500" />
             </Button>
           </div>
         </div>