feat: 사이트 3구역 개편 + AI 상품 결제 연결 + SEO 업데이트

- 사이드바: AI상품/무료도구/외주의뢰 3그룹 구조로 개편 (ARIA 시맨틱)
- 홈페이지: AI 상품 중심 재작성 (히어로+상품카드+무료도구+외주축소)
- SEO: 메타데이터·OG태그·JSON-LD를 AI 상품 포지셔닝으로 변경
- 프롬프트 페이지: 프리미엄 상품 5개에 PortOne PaymentButton 연결
- AI 키트 페이지: 월 구독 CTA 2곳에 PaymentButton 연결
- 사주: 유료 전환 복원(4,900원) + PaymentButton 연결
- 코드 품질: 인라인 스타일→globals.css, emoji→SVG, 미사용 데이터 제거
- DB 마이그레이션 005: 전체 18개 상품 등록 SQL 추가

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

app/saju/result/SajuAISection.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useRef } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
-// PaymentButton 비활성화 — 토스페이먼츠 결제 일시 중단, 무료 제공 중
+import PaymentButton from '@/app/components/PaymentButton';
 
 interface BirthKey {
   birth_year: number;
@@ -313,13 +313,13 @@ export default function SajuAISection({
             ))}
           </div>
 
-          {/* 결제 일시 중단 — hasPaid=true이므로 이 분기는 표시되지 않음 */}
-          <a
-            href={process.env.NEXT_PUBLIC_KAKAO_CHANNEL_URL ?? '/freelance?service=AI사주분석'}
+          <PaymentButton
+            productId="saju_detail"
             className="inline-flex items-center gap-2 bg-amber-400 hover:bg-amber-300 text-[#04102b] font-bold px-7 py-3 rounded-xl transition-all"
           >
-            AI 해석 무료로 보기
-          </a>
+            AI 상세 해석 받기 — 4,900원
+          </PaymentButton>
+          <p className="text-blue-200/40 text-xs mt-3">결제 후 즉시 AI 분석 시작 · 로그인 필요</p>
         </div>
       </div>
     );