feat: 단가관리 페이지 마이그레이션 및 HR 관리 기능 추가

## 단가관리 (Pricing Management)
- 단가 목록 페이지 (IntegratedListTemplateV2 공통 템플릿 적용)
- 단가 등록/수정 폼 (원가/마진 자동 계산)
- 이력 조회, 수정 이력, 최종 확정 다이얼로그
- 판매관리 > 단가관리 네비게이션 메뉴 추가

## HR 관리 (Human Resources)
- 사원관리 (목록, 등록, 수정, 상세, CSV 업로드)
- 부서관리 (트리 구조)
- 근태관리 (기본 구조)

## 품목관리 개선
- Radix UI Select controlled mode 버그 수정 (key prop 적용)
- DynamicItemForm 파일 업로드 지원
- 수정 페이지 데이터 로딩 개선

## 문서화
- 단가관리 마이그레이션 체크리스트
- HR 관리 구현 체크리스트
- Radix UI Select 버그 수정 가이드

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

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

src/components/items/DynamicItemForm/hooks/useDynamicFormState.ts

@@ -9,7 +9,7 @@
 
 'use client';
 
-import { useState, useCallback, useEffect, useRef } from 'react';
+import { useState, useCallback } from 'react';
 import type {
   DynamicFormData,
   DynamicFormErrors,
@@ -19,26 +19,18 @@ import type {
 import type { ItemFieldResponse } from '@/types/item-master-api';
 
 export function useDynamicFormState(
-  initialData?: DynamicFormData
+  _initialData?: DynamicFormData  // 사용하지 않음 - 호환성을 위해 파라미터 유지
 ): UseDynamicFormStateResult {
-  const [formData, setFormData] = useState<DynamicFormData>(initialData || {});
+  // 2025-12-05: 항상 빈 객체로 시작
+  // Edit 모드 데이터는 DynamicItemForm에서 resetForm()으로 설정
+  // 이렇게 해야 StrictMode 리마운트에서도 안전함
+  const [formData, setFormData] = useState<DynamicFormData>({});
   const [errors, setErrors] = useState<DynamicFormErrors>({});
   const [isSubmitting, setIsSubmitting] = useState(false);
 
-  // 2025-12-04: Edit 모드에서 initialData가 비동기로 로드될 때 formData 동기화
-  // useState의 초기값은 첫 렌더 시에만 사용되므로,
-  // initialData가 나중에 변경되면 formData를 업데이트해야 함
-  const isInitialDataLoaded = useRef(false);
-
-  useEffect(() => {
-    // initialData가 있고, 아직 로드되지 않았을 때만 동기화
-    // (사용자가 수정 중인 데이터를 덮어쓰지 않도록)
-    if (initialData && Object.keys(initialData).length > 0 && !isInitialDataLoaded.current) {
-      console.log('[useDynamicFormState] initialData 동기화:', initialData);
-      setFormData(initialData);
-      isInitialDataLoaded.current = true;
-    }
-  }, [initialData]);
+  // 2025-12-05: initialData 동기화 useEffect 제거
+  // 모든 초기 데이터는 resetForm()을 통해서만 설정
+  // StrictMode에서 useState 초기값이 원본 데이터로 리셋되는 문제 해결
 
   // 필드 값 설정
   const setFieldValue = useCallback((fieldKey: string, value: DynamicFieldValue) => {
@@ -186,6 +178,7 @@ export function useDynamicFormState(
 
   // 폼 초기화
   const resetForm = useCallback((newInitialData?: DynamicFormData) => {
+    console.log('[useDynamicFormState] resetForm 호출됨:', newInitialData);
     setFormData(newInitialData || {});
     setErrors({});
     setIsSubmitting(false);