feat(WEB): 권한 관리 시스템 구현 및 상세 페이지 권한 통합

- PermissionContext, usePermission 훅, PermissionGuard 컴포넌트 신규 추가
- AccessDenied 접근 거부 페이지 추가
- permissions lib (체커, 매퍼, 타입) 구현
- BadDebtDetail, BoardDetail, LaborDetail, PricingDetail 등 상세 페이지 권한 적용
- ProcessDetail, StepDetail, ItemDetail, PermissionDetail 권한 연동
- RootProvider에 PermissionProvider 통합
- protected layout 권한 체크 추가
- Claude 프로젝트 설정 파일 추가

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

src/components/process-management/ProcessDetail.tsx

@@ -18,6 +18,7 @@ import { Badge } from '@/components/ui/badge';
 import { PageLayout } from '@/components/organisms/PageLayout';
 import { PageHeader } from '@/components/organisms/PageHeader';
 import { useMenuStore } from '@/store/menuStore';
+import { usePermission } from '@/hooks/usePermission';
 import { getProcessSteps } from './actions';
 import type { Process, ProcessStep } from '@/types/process';
 
@@ -28,6 +29,7 @@ interface ProcessDetailProps {
 export function ProcessDetail({ process }: ProcessDetailProps) {
   const router = useRouter();
   const sidebarCollapsed = useMenuStore((state) => state.sidebarCollapsed);
+  const { canUpdate } = usePermission();
 
   // 단계 목록 상태
   const [steps, setSteps] = useState<ProcessStep[]>([]);
@@ -325,10 +327,12 @@ export function ProcessDetail({ process }: ProcessDetailProps) {
           <ArrowLeft className="h-4 w-4 mr-2" />
           목록으로
         </Button>
-        <Button onClick={handleEdit}>
-          <Edit className="h-4 w-4 mr-2" />
-          수정
-        </Button>
+        {canUpdate && (
+          <Button onClick={handleEdit}>
+            <Edit className="h-4 w-4 mr-2" />
+            수정
+          </Button>
+        )}
       </div>
     </PageLayout>
   );

src/components/process-management/StepDetail.tsx

@@ -17,6 +17,7 @@ import { Badge } from '@/components/ui/badge';
 import { PageLayout } from '@/components/organisms/PageLayout';
 import { PageHeader } from '@/components/organisms/PageHeader';
 import { useMenuStore } from '@/store/menuStore';
+import { usePermission } from '@/hooks/usePermission';
 import type { ProcessStep } from '@/types/process';
 
 interface StepDetailProps {
@@ -27,6 +28,7 @@ interface StepDetailProps {
 export function StepDetail({ step, processId }: StepDetailProps) {
   const router = useRouter();
   const sidebarCollapsed = useMenuStore((state) => state.sidebarCollapsed);
+  const { canUpdate } = usePermission();
 
   const handleEdit = () => {
     router.push(
@@ -129,10 +131,12 @@ export function StepDetail({ step, processId }: StepDetailProps) {
           <ArrowLeft className="h-4 w-4 mr-2" />
           공정으로 돌아가기
         </Button>
-        <Button onClick={handleEdit}>
-          <Edit className="h-4 w-4 mr-2" />
-          수정
-        </Button>
+        {canUpdate && (
+          <Button onClick={handleEdit}>
+            <Edit className="h-4 w-4 mr-2" />
+            수정
+          </Button>
+        )}
       </div>
     </PageLayout>
   );