feat(WEB): 자재/출고/생산/품질/단가 기능 대폭 개선 및 신규 페이지 추가

자재관리:
- 입고관리 재고조정 다이얼로그 신규 추가, 상세/목록 기능 확장
- 재고현황 컴포넌트 리팩토링

출고관리:
- 출하관리 생성/수정/목록/상세 개선
- 차량배차관리 상세/수정/목록 기능 보강

생산관리:
- 작업지시서 WIP 생산 모달 신규 추가
- 벤딩WIP/슬랫조인트바 검사 콘텐츠 신규 추가
- 작업자화면 기능 대폭 확장 (카드/목록 개선)
- 검사성적서 모달 개선

품질관리:
- 실적보고서 관리 페이지 신규 추가
- 검사관리 문서/타입/목데이터 개선

단가관리:
- 단가배포 페이지 및 컴포넌트 신규 추가
- 단가표 관리 페이지 및 컴포넌트 신규 추가

공통:
- 권한 시스템 추가 개선 (PermissionContext, usePermission, PermissionGuard)
- 메뉴 폴링 훅 개선, 레이아웃 수정
- 모바일 줌/패닝 CSS 수정
- locale 유틸 추가

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

src/components/common/ParentMenuRedirect.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
+import { stripLocaleSlashPrefix } from '@/lib/utils/locale';
 
 interface ParentMenuRedirectProps {
   /** 현재 부모 메뉴 경로 (예: '/accounting') */
@@ -41,7 +42,7 @@ export function ParentMenuRedirect({ parentPath, fallbackPath }: ParentMenuRedir
       const findParentMenu = (items: any[], targetPath: string): any | null => {
         for (const item of items) {
           // 경로가 일치하는지 확인 (locale prefix 제거 후 비교)
-          const itemPath = item.path?.replace(/^\/(ko|en|ja)\//, '/') || '';
+          const itemPath = stripLocaleSlashPrefix(item.path || '');
           if (itemPath === targetPath || item.path === targetPath) {
             return item;
           }
@@ -59,7 +60,7 @@ export function ParentMenuRedirect({ parentPath, fallbackPath }: ParentMenuRedir
       if (parentMenu && parentMenu.children && parentMenu.children.length > 0) {
         // 첫 번째 자식 메뉴의 경로로 리다이렉트
         const firstChild = parentMenu.children[0];
-        const firstChildPath = firstChild.path?.replace(/^\/(ko|en|ja)\//, '/') || fallbackPath;
+        const firstChildPath = stripLocaleSlashPrefix(firstChild.path || '') || fallbackPath;
         router.replace(firstChildPath);
       } else {
         // 자식이 없으면 fallback으로 이동

src/components/common/PermissionGuard.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { usePermission } from '@/hooks/usePermission';
-import type { PermissionAction } from '@/lib/permissions/types';
+import type { PermissionAction, UsePermissionReturn } from '@/lib/permissions/types';
 
 interface PermissionGuardProps {
   action: PermissionAction;
@@ -34,16 +34,8 @@ export function PermissionGuard({
 }: PermissionGuardProps) {
   const permission = usePermission(url);
 
-  const actionMap: Record<PermissionAction, boolean> = {
-    view: permission.canView,
-    create: permission.canCreate,
-    update: permission.canUpdate,
-    delete: permission.canDelete,
-    approve: permission.canApprove,
-    export: permission.canExport,
-  };
-
-  if (!actionMap[action]) {
+  const key = `can${action.charAt(0).toUpperCase()}${action.slice(1)}` as keyof UsePermissionReturn;
+  if (!permission[key]) {
     return <>{fallback}</>;
   }