fix: 품목기준관리 실시간 동기화 수정

- BOM 항목 추가/수정/삭제 시 섹션탭 즉시 반영
- 섹션 복제 시 UI 즉시 업데이트 (null vs undefined 이슈 해결)
- 항목 수정 기능 추가 (useTemplateManagement)
- 실시간 동기화 문서 추가

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

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

src/components/items/ItemMasterDataManagement/hooks/useAttributeManagement.ts

@@ -73,10 +73,36 @@ export function useAttributeManagement(): UseAttributeManagementReturn {
     updateItemMasterField
   } = useItemMaster();
 
-  // 속성 옵션 상태
-  const [unitOptions, setUnitOptions] = useState<MasterOption[]>([]);
-  const [materialOptions, setMaterialOptions] = useState<MasterOption[]>([]);
-  const [surfaceTreatmentOptions, setSurfaceTreatmentOptions] = useState<MasterOption[]>([]);
+  // 속성 옵션 상태 (기본값 하드코딩 - TODO: 나중에 백엔드 API로 대체)
+  const [unitOptions, setUnitOptions] = useState<MasterOption[]>([
+    { id: 'unit-1', value: 'EA', label: 'EA (개)', isActive: true },
+    { id: 'unit-2', value: 'KG', label: 'KG (킬로그램)', isActive: true },
+    { id: 'unit-3', value: 'M', label: 'M (미터)', isActive: true },
+    { id: 'unit-4', value: 'MM', label: 'MM (밀리미터)', isActive: true },
+    { id: 'unit-5', value: 'L', label: 'L (리터)', isActive: true },
+    { id: 'unit-6', value: 'SET', label: 'SET (세트)', isActive: true },
+    { id: 'unit-7', value: 'BOX', label: 'BOX (박스)', isActive: true },
+    { id: 'unit-8', value: 'ROLL', label: 'ROLL (롤)', isActive: true },
+  ]);
+  const [materialOptions, setMaterialOptions] = useState<MasterOption[]>([
+    { id: 'mat-1', value: 'SUS304', label: 'SUS304 (스테인리스)', isActive: true },
+    { id: 'mat-2', value: 'SUS316', label: 'SUS316 (스테인리스)', isActive: true },
+    { id: 'mat-3', value: 'AL6061', label: 'AL6061 (알루미늄)', isActive: true },
+    { id: 'mat-4', value: 'AL5052', label: 'AL5052 (알루미늄)', isActive: true },
+    { id: 'mat-5', value: 'SS400', label: 'SS400 (일반강)', isActive: true },
+    { id: 'mat-6', value: 'S45C', label: 'S45C (탄소강)', isActive: true },
+    { id: 'mat-7', value: 'POM', label: 'POM (폴리아세탈)', isActive: true },
+    { id: 'mat-8', value: 'PEEK', label: 'PEEK (폴리에테르에테르케톤)', isActive: true },
+  ]);
+  const [surfaceTreatmentOptions, setSurfaceTreatmentOptions] = useState<MasterOption[]>([
+    { id: 'surf-1', value: 'NONE', label: '없음', isActive: true },
+    { id: 'surf-2', value: 'ANODIZE', label: '아노다이징', isActive: true },
+    { id: 'surf-3', value: 'PLATING', label: '도금', isActive: true },
+    { id: 'surf-4', value: 'PAINTING', label: '도장', isActive: true },
+    { id: 'surf-5', value: 'PASSIVATION', label: '부동태처리', isActive: true },
+    { id: 'surf-6', value: 'SANDBLAST', label: '샌드블라스트', isActive: true },
+    { id: 'surf-7', value: 'POLISHING', label: '폴리싱', isActive: true },
+  ]);
   const [customAttributeOptions, setCustomAttributeOptions] = useState<Record<string, MasterOption[]>>({});
 
   // 옵션 다이얼로그 상태