i18n 적용

src/app/preview/page.tsx

@@ -4,11 +4,15 @@ import type { CSSProperties } from "react";
 import { useEffect } from "react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
+import { useAppLocale } from "@/features/i18n/LocaleProvider";
+import { getPreviewMessages } from "@/features/i18n/messages/preview";
 import { useEditorStore } from "@/features/editor/state/editorStore";
 import { PublicPageRenderer } from "@/features/editor/components/PublicPageRenderer";
 
 export default function PreviewPage() {
   const router = useRouter();
+  const locale = useAppLocale();
+  const m = getPreviewMessages(locale);
   const blocks = useEditorStore((state) => state.blocks);
   const projectConfig = useEditorStore((state) => (state as any).projectConfig);
   const replaceBlocks = useEditorStore((state) => state.replaceBlocks);
@@ -164,8 +168,8 @@ export default function PreviewPage() {
     <main className="min-h-screen flex flex-col" style={mainStyle}>
       <header className="border-b border-slate-200 px-6 py-4 flex items-center justify-between bg-white/80 backdrop-blur dark:border-slate-800 dark:bg-slate-950/80">
         <div>
-          <h1 className="text-xl font-semibold">Page Preview</h1>
-          <p className="text-xs text-slate-500 dark:text-slate-400">빌더로 만든 페이지를 미리 보는 화면</p>
+          <h1 className="text-xl font-semibold">{m.headerTitle}</h1>
+          <p className="text-xs text-slate-500 dark:text-slate-400">{m.headerDescription}</p>
         </div>
         <div className="flex items-center gap-2 text-xs">
           <button
@@ -175,19 +179,19 @@ export default function PreviewPage() {
               void handleExportZip();
             }}
           >
-            페이지 파일로 내보내기 (ZIP)
+            {m.exportZipButtonLabel}
           </button>
           <Link
             href="/projects"
             className="inline-flex items-center rounded border border-slate-300 bg-white px-3 py-1 text-xs text-slate-800 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100 dark:hover:bg-slate-800"
           >
-            프로젝트 목록
+            {m.navProjects}
           </Link>
           <Link
             href={editorHref}
             className="inline-flex items-center rounded border border-slate-300 bg-white px-3 py-1 text-xs text-slate-800 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100 dark:hover:bg-slate-800"
           >
-            에디터로 돌아가기
+            {m.navBackToEditor}
           </Link>
         </div>
       </header>