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/board/BoardManagement/BoardDetail.tsx

@@ -16,8 +16,8 @@ import {
 
 interface BoardDetailProps {
   board: Board;
-  onEdit: () => void;
-  onDelete: () => void;
+  onEdit?: () => void;
+  onDelete?: () => void;
 }
 
 // 날짜/시간 포맷
@@ -100,14 +100,18 @@ export function BoardDetail({ board, onEdit, onDelete }: BoardDetailProps) {
             목록으로
           </Button>
           <div className="flex items-center gap-2">
-            <Button variant="outline" onClick={onDelete} className="text-destructive hover:bg-destructive hover:text-destructive-foreground">
-              <Trash2 className="w-4 h-4 mr-2" />
-              삭제
-            </Button>
-            <Button onClick={onEdit}>
-              <Edit className="w-4 h-4 mr-2" />
-              수정
-            </Button>
+            {onDelete && (
+              <Button variant="outline" onClick={onDelete} className="text-destructive hover:bg-destructive hover:text-destructive-foreground">
+                <Trash2 className="w-4 h-4 mr-2" />
+                삭제
+              </Button>
+            )}
+            {onEdit && (
+              <Button onClick={onEdit}>
+                <Edit className="w-4 h-4 mr-2" />
+                수정
+              </Button>
+            )}
           </div>
         </div>
       </div>

src/components/board/BoardManagement/BoardDetailClientV2.tsx

@@ -20,6 +20,7 @@ import { ErrorCard } from '@/components/ui/error-card';
 import { Button } from '@/components/ui/button';
 import { DeleteConfirmDialog } from '@/components/ui/confirm-dialog';
 import { toast } from 'sonner';
+import { usePermission } from '@/hooks/usePermission';
 
 type DetailMode = 'view' | 'edit' | 'create';
 
@@ -40,6 +41,7 @@ const generateBoardCode = (): string => {
 export function BoardDetailClientV2({ boardId, initialMode }: BoardDetailClientV2Props) {
   const router = useRouter();
   const searchParams = useSearchParams();
+  const { canUpdate, canDelete } = usePermission();
 
   // URL 쿼리에서 모드 결정
   const modeFromQuery = searchParams.get('mode') as DetailMode | null;
@@ -268,8 +270,8 @@ export function BoardDetailClientV2({ boardId, initialMode }: BoardDetailClientV
       <>
         <BoardDetail
           board={boardData}
-          onEdit={handleEdit}
-          onDelete={handleDelete}
+          onEdit={canUpdate ? handleEdit : undefined}
+          onDelete={canDelete ? handleDelete : undefined}
         />
 
         <DeleteConfirmDialog