feat: CSP 다음/카카오 도메인 허용 + 입고 성적서 파일 백엔드 연동 + 팝업 이미지 중앙정렬

- middleware CSP: *.kakao.com, *.kakaocdn.net 추가 (다음 주소찾기 차단 해결)
- frame-src에 'self' 추가
- 공지 팝업 이미지 중앙정렬 ([&_img]:mx-auto)
- HR 사원관리, 결재, 품목, 생산 등 다수 개선
- API 에러 핸들링 및 JSON 파싱 안정화

src/components/items/ItemDetailClient.tsx

@@ -82,9 +82,9 @@ function getStorageUrl(path: string | undefined): string | null {
   if (path.startsWith('http://') || path.startsWith('https://')) {
     return path;
   }
-  // 상대 경로인 경우
-  const apiUrl = process.env.NEXT_PUBLIC_API_URL || '';
-  return `${apiUrl}/storage/${path}`;
+  // R2 전환 후 /storage/ 직접 접근 불가 → 레거시 경로는 빈 값 반환
+  // bendingDiagramFileId가 있으면 /view 엔드포인트를 사용하므로 여기는 폴백 전용
+  return null;
 }
 
 export default function ItemDetailClient({ item }: ItemDetailClientProps) {
@@ -372,7 +372,7 @@ export default function ItemDetailClient({ item }: ItemDetailClientProps) {
                   {/* eslint-disable-next-line @next/next/no-img-element */}
                   <img
                     src={item.bendingDiagramFileId
-                      ? `/api/proxy/files/${item.bendingDiagramFileId}/download`
+                      ? `/api/proxy/files/${item.bendingDiagramFileId}/view`
                       : getStorageUrl(item.bendingDiagram) || ''
                     }
                     alt="전개도"

src/components/items/ItemForm/BendingDiagramSection.tsx

@@ -191,7 +191,7 @@ export default function BendingDiagramSection({
             )}
             <div className="border rounded bg-white p-2">
               <img
-                src={`/api/proxy/files/${existingBendingDiagramFileId}/download`}
+                src={`/api/proxy/files/${existingBendingDiagramFileId}/view`}
                 alt="기존 전개도"
                 className="max-w-full h-auto max-h-96 mx-auto"
                 onError={(e) => {