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/settings/PermissionManagement/PermissionDetailClient.tsx

@@ -50,6 +50,7 @@ import {
   resetPermissions,
 } from './actions';
 import { isNextRedirectError } from '@/lib/utils/redirect-error';
+import { usePermissionContext } from '@/contexts/PermissionContext';
 
 // 플랫 배열을 트리 구조로 변환
 interface FlatMenuItem {
@@ -128,6 +129,7 @@ const PERMISSION_LABELS_MAP: Record<PermissionType, string> = {
 export function PermissionDetailClient({ permissionId, isNew = false, mode = 'view' }: PermissionDetailClientProps) {
   const router = useRouter();
   const sidebarCollapsed = useMenuStore((state) => state.sidebarCollapsed);
+  const { reloadPermissions } = usePermissionContext();
 
   // 역할 데이터
   const [role, setRole] = useState<Role | null>(null);
@@ -655,6 +657,15 @@ export function PermissionDetailClient({ permissionId, isNew = false, mode = 'vi
                   </>
                 )}
               </Button>
+              <Button
+                onClick={() => {
+                  reloadPermissions();
+                  toast.success('권한 정보가 저장되었습니다.');
+                }}
+              >
+                <Shield className="h-4 w-4 mr-2" />
+                권한 정보 저장
+              </Button>
               <Button
                 variant="outline"
                 onClick={handleDelete}