fix: TypeScript 타입 오류 수정 및 설정 페이지 추가

- BOMItem Omit 타입 시그니처 통일 (useTemplateManagement, SectionsTab, ItemMasterContext)
- HeadersInit → Record<string, string> 타입 변경
- Zustand useShallow 마이그레이션 (zustand/react/shallow)
- DataTable, ListPageTemplate 제네릭 타입 제약 추가
- 설정 관리 페이지 추가 (직급, 직책, 휴가정책, 근무일정, 권한)
- HR 관리 페이지 추가 (급여, 휴가)
- 단가관리 페이지 리팩토링

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

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

src/app/globals.css

@@ -400,4 +400,57 @@
 
 html {
   font-size: var(--font-size);
+}
+
+/* ==========================================
+   Sheet/Dialog Slide Animations
+   ========================================== */
+
+/* Keyframes */
+@keyframes slideInFromRight {
+  from { transform: translateX(100%); }
+  to { transform: translateX(0); }
+}
+
+@keyframes slideOutToRight {
+  from { transform: translateX(0); }
+  to { transform: translateX(100%); }
+}
+
+@keyframes slideInFromLeft {
+  from { transform: translateX(-100%); }
+  to { transform: translateX(0); }
+}
+
+@keyframes slideOutToLeft {
+  from { transform: translateX(0); }
+  to { transform: translateX(-100%); }
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes fadeOut {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+/* Sheet Content - Right side slide animation */
+[data-slot="sheet-content"][data-state="open"] {
+  animation: slideInFromRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+[data-slot="sheet-content"][data-state="closed"] {
+  animation: slideOutToRight 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+/* Sheet Overlay - Fade animation */
+[data-slot="sheet-overlay"][data-state="open"] {
+  animation: fadeIn 300ms ease-out forwards;
+}
+
+[data-slot="sheet-overlay"][data-state="closed"] {
+  animation: fadeOut 200ms ease-out forwards;
 }