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/pricing/PricingFinalizeDialog.tsx

@@ -0,0 +1,94 @@
+/**
+ * 단가 최종 확정 다이얼로그
+ */
+
+'use client';
+
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Lock, CheckCircle2 } from 'lucide-react';
+
+interface PricingFinalizeDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onConfirm: () => void;
+  itemName: string;
+  purchasePrice?: number;
+  salesPrice?: number;
+  marginRate?: number;
+}
+
+export function PricingFinalizeDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  itemName,
+  purchasePrice,
+  salesPrice,
+  marginRate,
+}: PricingFinalizeDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle className="flex items-center gap-2">
+            <Lock className="h-5 w-5 text-purple-600" />
+            최종 확정
+          </DialogTitle>
+          <DialogDescription>
+            단가를 최종 확정하시겠습니까? 확정 후에는 수정할 수 없습니다.
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="py-4">
+          <div className="bg-purple-50 border border-purple-200 rounded-lg p-4 space-y-2 text-sm">
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">품목:</span>
+              <span className="font-semibold">{itemName}</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">매입단가:</span>
+              <span className="font-semibold">
+                {purchasePrice?.toLocaleString() || '-'}원
+              </span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">판매단가:</span>
+              <span className="font-semibold">
+                {salesPrice?.toLocaleString() || '-'}원
+              </span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-muted-foreground">마진율:</span>
+              <span className="font-semibold">
+                {marginRate?.toFixed(1) || '-'}%
+              </span>
+            </div>
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            취소
+          </Button>
+          <Button
+            onClick={onConfirm}
+            className="bg-purple-600 hover:bg-purple-700"
+          >
+            <CheckCircle2 className="h-4 w-4 mr-2" />
+            최종 확정
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export default PricingFinalizeDialog;