feat(WEB): IntegratedDetailTemplate 통합 템플릿 구현 및 Phase 1~8 마이그레이션

- Phase 1: 기안함(DocumentCreate) 마이그레이션
- Phase 2: 작업지시(WorkOrderCreate/Edit) 마이그레이션
- Phase 3: 출하(ShipmentCreate/Edit) 마이그레이션
- Phase 4: 사원(EmployeeForm) 마이그레이션
- Phase 5: 게시판(BoardForm) 마이그레이션
- Phase 6: 1:1문의(InquiryForm) 마이그레이션
- Phase 7: 공정(ProcessForm) 마이그레이션
- Phase 8: 수입검사/품질검사(InspectionCreate) 마이그레이션
- DetailActions에 showSave 옵션 추가
- 각 도메인별 config 파일 생성

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

src/components/board/BoardForm/boardFormConfig.ts

@@ -0,0 +1,36 @@
+'use client';
+
+import { FileText } from 'lucide-react';
+import type { DetailConfig } from '@/components/templates/IntegratedDetailTemplate/types';
+
+/**
+ * 게시글 등록 페이지 Config
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
+ */
+export const boardCreateConfig: DetailConfig = {
+  title: '게시글 등록',
+  description: '새로운 게시글을 등록합니다',
+  icon: FileText,
+  basePath: '/boards',
+  fields: [],
+  actions: {
+    showBack: true,
+    showEdit: false,
+    showDelete: false,
+    showSave: true,
+    submitLabel: '등록',
+  },
+};
+
+/**
+ * 게시글 수정 페이지 Config
+ */
+export const boardEditConfig: DetailConfig = {
+  ...boardCreateConfig,
+  title: '게시글 수정',
+  description: '게시글을 수정합니다',
+  actions: {
+    ...boardCreateConfig.actions,
+    submitLabel: '저장',
+  },
+};

src/components/board/BoardForm/index.tsx

@@ -2,6 +2,7 @@
 
 /**
  * 게시글 등록/수정 폼 컴포넌트
+ * IntegratedDetailTemplate 마이그레이션 (2025-01-20)
  *
  * 디자인 스펙 기준:
  * - 페이지 타이틀: 게시글 상세
@@ -12,10 +13,10 @@
 import { useState, useCallback, useRef, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { format } from 'date-fns';
-import { FileText, Upload, X, File, ArrowLeft, Save, Loader2 } from 'lucide-react';
+import { Upload, X, File, Loader2 } from 'lucide-react';
 import { toast } from 'sonner';
-import { PageLayout } from '@/components/organisms/PageLayout';
-import { PageHeader } from '@/components/organisms/PageHeader';
+import { IntegratedDetailTemplate } from '@/components/templates/IntegratedDetailTemplate';
+import { boardCreateConfig, boardEditConfig } from './boardFormConfig';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
@@ -212,31 +213,9 @@ export function BoardForm({ mode, initialData }: BoardFormProps) {
     return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
   };
 
-  return (
-    <PageLayout>
-      {/* 헤더 */}
-      <PageHeader
-        title={mode === 'create' ? '게시글 등록' : '게시글 수정'}
-        description="게시글을 등록하고 관리합니다."
-        icon={FileText}
-        actions={
-          <div className="flex gap-2">
-            <Button variant="outline" onClick={handleCancel}>
-              <ArrowLeft className="h-4 w-4 mr-2" />
-              취소
-            </Button>
-            <Button onClick={handleSubmit} disabled={isSubmitting}>
-              {isSubmitting ? (
-                <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-              ) : (
-                <Save className="h-4 w-4 mr-2" />
-              )}
-              {mode === 'create' ? '등록' : '수정'}
-            </Button>
-          </div>
-        }
-      />
-
+  // ===== 폼 콘텐츠 렌더링 =====
+  const renderFormContent = useCallback(() => (
+    <>
       {/* 폼 카드 */}
       <Card>
         <CardHeader>
@@ -488,7 +467,28 @@ export function BoardForm({ mode, initialData }: BoardFormProps) {
           </AlertDialogFooter>
         </AlertDialogContent>
       </AlertDialog>
-    </PageLayout>
+    </>
+  ), [
+    boardCode, isPinned, title, content, allowComments, errors, boards,
+    isBoardsLoading, mode, initialData, attachments, existingAttachments,
+    showPinnedAlert, formatFileSize, handlePinnedChange, handleFileSelect,
+    handleRemoveFile, handleRemoveExistingFile,
+  ]);
+
+  // Config 선택 (create/edit)
+  const config = mode === 'create' ? boardCreateConfig : boardEditConfig;
+
+  return (
+    <IntegratedDetailTemplate
+      config={config}
+      mode={mode}
+      isLoading={isBoardsLoading}
+      isSubmitting={isSubmitting}
+      onBack={handleCancel}
+      onCancel={handleCancel}
+      onSubmit={handleSubmit}
+      renderForm={renderFormContent}
+    />
   );
 }