feat(WEB): Phase 6 IntegratedDetailTemplate 마이그레이션 완료

Phase 6 마이그레이션 (41개 컴포넌트 완료):
- 건설/시공: 협력업체, 시공관리, 기성관리, 발주관리, 계약관리 등
- 영업: 견적관리(V2), 고객관리(V2), 수주관리
- 회계: 청구관리, 매입관리, 매출관리, 거래처관리, 악성채권 등
- 생산: 작업지시, 검수관리
- 출고: 출하관리
- 자재: 입고관리, 재고현황
- 고객센터: 문의관리, 이벤트관리, 공지관리
- 인사: 직원관리
- 설정: 권한관리

주요 변경사항:
- 34개 xxxConfig.ts 파일 생성 (설정 기반 페이지 구성)
- PageLayout/PageHeader → IntegratedDetailTemplate 통합
- 일관된 타이틀/버튼 영역 (목록, 상세, 수정, 삭제)
- 1112줄 코드 감소 (중복 제거)

프로젝트 공통화 현황 분석 문서 추가:
- 상세 페이지 62%, 목록 페이지 82% 공통화 달성
- 추가 공통화 기회 및 로드맵 정리

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

src/components/customer-center/EventManagement/EventDetail.tsx

@@ -2,23 +2,19 @@
 
 /**
  * 이벤트 상세 컴포넌트
+ * IntegratedDetailTemplate 마이그레이션 완료 (2026-01-20)
  *
- * 디자인 스펙:
- * - 페이지 타이틀: 이벤트 상세
- * - 이벤트 / 제목
- * - 작성자 | 기간 | 조회수
- * - 이미지 영역
- * - 내용
- * - 첨부파일
+ * 특이사항:
+ * - view 모드만 지원 (수정/삭제 없음)
+ * - 이미지, 첨부파일 표시
  */
 
-import { useRouter } from 'next/navigation';
-import { Calendar, ArrowLeft, Download } from 'lucide-react';
+import { useCallback } from 'react';
+import { Download } from 'lucide-react';
 import Image from 'next/image';
-import { PageLayout } from '@/components/organisms/PageLayout';
-import { PageHeader } from '@/components/organisms/PageHeader';
-import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { eventConfig } from './eventConfig';
 import { type Event } from './types';
 
 interface EventDetailProps {
@@ -26,21 +22,9 @@ interface EventDetailProps {
 }
 
 export function EventDetail({ event }: EventDetailProps) {
-  const router = useRouter();
-
-  const handleBack = () => {
-    router.push('/ko/customer-center/events');
-  };
-
-  return (
-    <PageLayout>
-      <PageHeader
-        title="이벤트 상세"
-        description="이벤트를 조회합니다"
-        icon={Calendar}
-      />
-
-      <Card>
+  // 폼 콘텐츠 렌더링
+  const renderFormContent = useCallback(() => (
+    <Card>
         <CardContent className="p-6">
           {/* 헤더: 이벤트 / 제목 */}
           <div className="border-b pb-4 mb-4">
@@ -101,15 +85,17 @@ export function EventDetail({ event }: EventDetailProps) {
           )}
         </CardContent>
       </Card>
+  ), [event]);
 
-      {/* 목록으로 버튼 */}
-      <div className="flex items-center">
-        <Button variant="outline" onClick={handleBack}>
-          <ArrowLeft className="w-4 h-4 mr-2" />
-          목록으로
-        </Button>
-      </div>
-    </PageLayout>
+  return (
+    <IntegratedDetailTemplate
+      config={eventConfig}
+      mode="view"
+      initialData={event}
+      itemId={event.id}
+      renderView={() => renderFormContent()}
+      renderForm={() => renderFormContent()}
+    />
   );
 }
 

src/components/customer-center/EventManagement/eventConfig.ts

@@ -0,0 +1,27 @@
+import { Calendar } from 'lucide-react';
+import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
+
+/**
+ * 이벤트 상세 페이지 Config
+ *
+ * 참고: 이 config는 타이틀/버튼 영역만 정의
+ * 폼 내용은 renderView/renderForm에서 처리
+ *
+ * 특이사항:
+ * - view 모드만 지원 (수정/삭제 없음)
+ * - 이미지, 첨부파일 표시
+ */
+export const eventConfig: DetailConfig = {
+  title: '이벤트 상세',
+  description: '이벤트를 조회합니다',
+  icon: Calendar,
+  basePath: '/customer-center/events',
+  fields: [], // renderView/renderForm 사용으로 필드 정의 불필요
+  gridColumns: 1,
+  actions: {
+    showBack: true,
+    showDelete: false,
+    showEdit: false,
+    backLabel: '목록으로',
+  },
+};