feat(WEB): 상세 페이지 권한 체계 통합 및 레이아웃/문서 기능 개선

권한 시스템 통합:
- BadDebtDetail, LaborDetail, PricingDetail 권한 로직 정리
- BoardDetail, ClientDetail, ItemDetail 권한 적용 개선
- ProcessDetail, StepDetail, PermissionDetail 권한 리팩토링
- ContractDetail, HandoverReport, ProgressBilling 권한 연동
- ReceivingDetail, ShipmentDetail, WorkOrderDetail 권한 적용
- InspectionDetail, OrderSalesDetail, QuoteFooterBar 권한 개선

기능 개선:
- AuthenticatedLayout 구조 리팩토링
- JointbarInspectionDocument 문서 레이아웃 개선
- PricingTableForm 폼 기능 보강
- DynamicItemForm, SectionsTab 개선
- 주문관리 상세/생산지시 페이지 개선
- VendorLedgerDetail 수정

설정:
- Claude hooks 추가 (빌드 차단, 파일 크기 체크, 미사용 import 체크)
- 품질감사 문서관리 계획 문서 추가

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

src/components/outbound/ShipmentManagement/ShipmentDetail.tsx

@@ -272,56 +272,45 @@ export function ShipmentDetail({ id }: ShipmentDetailProps) {
     if (!detail) return null;
 
     return (
-      <div className="flex items-center gap-2">
+      <>
         <Button
           variant="outline"
           size="sm"
           onClick={() => setPreviewDocument('shipping')}
         >
-          <FileText className="w-4 h-4 mr-1" />
-          출고증 보기
+          <FileText className="w-4 h-4 md:mr-2" />
+          <span className="hidden md:inline">출고증 보기</span>
         </Button>
         <Button
           variant="outline"
           size="sm"
           onClick={() => setPreviewDocument('delivery')}
         >
-          <ClipboardList className="w-4 h-4 mr-1" />
-          납품확인서 보기
+          <ClipboardList className="w-4 h-4 md:mr-2" />
+          <span className="hidden md:inline">납품확인서 보기</span>
         </Button>
-        {/* 거래명세서 - 추후 활성화 */}
-        {/* <Button variant="outline" size="sm">
-          <Receipt className="w-4 h-4 mr-1" />
-          거래명세서 보기
-        </Button> */}
         {canDelete && (
-          <>
-            <div className="w-px h-6 bg-border mx-2" />
-            <Button
-              variant="destructive"
-              size="sm"
-              onClick={() => setShowDeleteDialog(true)}
-            >
-              <Trash2 className="w-4 h-4 mr-1" />
-              삭제
-            </Button>
-          </>
+          <Button
+            variant="destructive"
+            size="sm"
+            onClick={() => setShowDeleteDialog(true)}
+          >
+            <Trash2 className="w-4 h-4 md:mr-2" />
+            <span className="hidden md:inline">삭제</span>
+          </Button>
         )}
         {STATUS_TRANSITIONS[detail.status] && (
-          <>
-            <div className="w-px h-6 bg-border mx-2" />
-            <Button
-              variant="default"
-              size="sm"
-              className="bg-blue-600 hover:bg-blue-700"
-              onClick={() => handleOpenStatusDialog(STATUS_TRANSITIONS[detail.status]!)}
-            >
-              <ArrowRight className="w-4 h-4 mr-1" />
-              {SHIPMENT_STATUS_LABELS[STATUS_TRANSITIONS[detail.status]!]}으로 변경
-            </Button>
-          </>
+          <Button
+            variant="default"
+            size="sm"
+            className="bg-blue-600 hover:bg-blue-700"
+            onClick={() => handleOpenStatusDialog(STATUS_TRANSITIONS[detail.status]!)}
+          >
+            <ArrowRight className="w-4 h-4 md:mr-2" />
+            <span className="hidden md:inline">{SHIPMENT_STATUS_LABELS[STATUS_TRANSITIONS[detail.status]!]}으로 변경</span>
+          </Button>
         )}
-      </div>
+      </>
     );
   }, [detail, canDelete, handleOpenStatusDialog]);