# InsuRo AI 대화창 마크다운 표 렌더링 — remarkGfm 누락 수정

## 작업 레벨: Lv.1

## 프로젝트
- InsuRo: `/home/jay/projects/InsuRo`

## 버그 설명
소식지 AI 분석, 보험료 비교 등에서 AI 응답에 포함된 마크다운 표(| --- |)가 파이프 문자 그대로 표시됨.
원인: ReactMarkdown에 `remarkGfm` 플러그인이 누락되어 GFM 표 구문이 파싱되지 않음.

task-2307에서 대부분 수정했으나, 기존에 ReactMarkdown이 있던 파일(MarketNewsletter, PremiumComparison, FcpaGuide)은 수정 대상에서 누락됨.

## 수정 사항
remarkGfm 누락 파일 3개에 추가:

### 1. MarketNewsletter.tsx (라인 228)
```tsx
// Before:
import ReactMarkdown from "react-markdown";
<ReactMarkdown rehypePlugins={[rehypeRaw]}>{msg.content}</ReactMarkdown>

// After:
import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";
<ReactMarkdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeRaw]}>{msg.content}</ReactMarkdown>
```

### 2. PremiumComparison.tsx (라인 326)
```tsx
// Before:
<ReactMarkdown rehypePlugins={[rehypeRaw]}>{msg.content}</ReactMarkdown>

// After:
import remarkGfm from "remark-gfm";
<ReactMarkdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeRaw]}>{msg.content}</ReactMarkdown>
```

### 3. FcpaGuide.tsx (라인 247)
확인 후 remarkGfm 누락 시 동일하게 추가.

★ 추가로 prose 클래스가 적용되어 있는지 확인. 표 스타일링은 @tailwindcss/typography의 prose 클래스가 필요.

## affected_files
- `src/pages/MarketNewsletter.tsx` (수정 — remarkGfm 추가)
- `src/pages/PremiumComparison.tsx` (수정 — remarkGfm 추가)
- `src/pages/FcpaGuide.tsx` (확인 후 수정)

## 검증 시나리오
1. 소식지 AI 분석에서 표가 HTML 테이블로 렌더링 (파이프 문자 X)
2. 보험료 비교 AI 응답에서 표 정상 렌더링
3. 금소법 가이드 AI 응답에서 표 정상 렌더링
4. npm run build 성공