feat: 포트원 V2 결제 마이그레이션 + 법적 페이지 추가 (PG 심사용)

- 토스페이먼츠 SDK → 포트원 V2 (@portone/browser-sdk) 전환
- 4채널 결제수단 선택 UI: 카드(KPN)/카카오페이/네이버페이/토스페이
- 서버 결제 검증 API를 포트원 V2 조회 방식으로 변경
- 이용약관(/legal/terms), 개인정보처리방침(/legal/privacy), 환불정책(/legal/refund) 페이지 생성
- 푸터에 법적 페이지 링크 추가

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

app/payment/success/page.tsx

@@ -1,82 +1,12 @@
 'use client';
 
-import { Suspense, useEffect, useState } from 'react';
-import { useSearchParams, useRouter } from 'next/navigation';
+import { Suspense } from 'react';
+import { useSearchParams } from 'next/navigation';
 import Link from 'next/link';
 
 function SuccessContent() {
   const params = useSearchParams();
-  const router = useRouter();
-  const [status, setStatus] = useState<'loading' | 'success' | 'error'>('loading');
-  const [errorMsg, setErrorMsg] = useState('');
-  const [productName, setProductName] = useState('');
-
-  useEffect(() => {
-    const paymentKey = params.get('paymentKey');
-    const orderId = params.get('orderId');
-    const amount = Number(params.get('amount'));
-    const returnUrl = params.get('returnUrl');
-
-    if (!paymentKey || !orderId || !amount) {
-      setStatus('error');
-      setErrorMsg('잘못된 접근입니다.');
-      return;
-    }
-
-    fetch('/api/payment/confirm', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ paymentKey, orderId, amount }),
-    })
-      .then((res) => res.json())
-      .then((data) => {
-        if (data.success) {
-          setProductName(data.data?.orderName ?? '');
-          setStatus('success');
-          if (returnUrl) {
-            router.replace(returnUrl);
-          }
-        } else {
-          setStatus('error');
-          setErrorMsg(data.error || '결제 승인에 실패했습니다.');
-        }
-      })
-      .catch(() => {
-        setStatus('error');
-        setErrorMsg('서버 오류가 발생했습니다. 결제 내역을 확인해주세요.');
-      });
-  }, []);
-
-  if (status === 'loading') {
-    return (
-      <div className="text-center py-20 px-6">
-        <div className="w-12 h-12 border-2 border-blue-600 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
-        <p className="text-slate-500 text-sm">결제를 확인하는 중...</p>
-      </div>
-    );
-  }
-
-  if (status === 'error') {
-    return (
-      <div className="text-center py-20 px-6">
-        <div className="w-16 h-16 rounded-full bg-red-50 border-2 border-red-200 flex items-center justify-center mx-auto mb-5">
-          <svg className="w-8 h-8 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
-          </svg>
-        </div>
-        <h2 className="text-xl font-bold text-[#04102b] mb-2">결제 처리 실패</h2>
-        <p className="text-slate-500 text-sm mb-8">{errorMsg}</p>
-        <div className="flex justify-center gap-3">
-          <Link href="/mypage" className="inline-flex items-center gap-2 bg-white border border-[#dbe8ff] text-slate-600 px-5 py-2.5 rounded-xl font-semibold text-sm hover:bg-slate-50 transition">
-            결제 내역 확인
-          </Link>
-          <Link href="/" className="inline-flex items-center gap-2 bg-[#1a56db] hover:bg-[#1e4fc2] text-white px-5 py-2.5 rounded-xl font-semibold text-sm transition">
-            홈으로 →
-          </Link>
-        </div>
-      </div>
-    );
-  }
+  const paymentId = params.get('paymentId');
 
   return (
     <div className="text-center py-20 px-6">
@@ -89,10 +19,10 @@ function SuccessContent() {
         결제 완료
       </div>
       <h2 className="text-2xl font-extrabold text-[#04102b] mb-2">결제가 완료되었습니다!</h2>
-      {productName && (
-        <p className="text-slate-500 text-sm mb-1">{productName}</p>
+      {paymentId && (
+        <p className="text-slate-400 text-xs mb-1">주문번호: {paymentId}</p>
       )}
-      <p className="text-slate-400 text-sm mb-8">
+      <p className="text-slate-500 text-sm mb-8">
         마이페이지에서 결제 내역과 서비스 이용 현황을 확인하세요.
       </p>
       <div className="flex justify-center gap-3 flex-wrap">