fix(frontend): keep browser API on same-origin rewrites in dev

Document that NEXT_PUBLIC_WAVELET_BACKEND_URL must stay unset for local
next dev so axios hits /api/* and Next rewrites proxy to the backend.

frontend/components/common/docs/legal-page-layout.tsx

@@ -6,6 +6,7 @@ import { ArrowLeft, Calendar, Check, Copy, FileText } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { motion, useScroll, useSpring } from 'motion/react';
+import { useTranslations } from 'next-intl';
 import type { PolicySection } from './types';
 
 interface LegalPageLayoutProps {
@@ -32,6 +33,7 @@ export function LegalPageLayout({
     damping: 30,
     restDelta: 0.001,
   });
+  const t = useTranslations('docs');
 
   const allSectionIds = React.useMemo(() => {
     return sections.flatMap((section) => [
@@ -192,7 +194,7 @@ export function LegalPageLayout({
     const lines: string[] = [];
     lines.push(`# ${title}`);
     lines.push('');
-    lines.push(`最后更新：${lastUpdated}`);
+    lines.push(`${t('lastUpdated')}：${lastUpdated}`);
     if (description) {
       const descriptionElement = contentRoot.querySelector(
         '[data-docs-description]',
@@ -303,7 +305,7 @@ export function LegalPageLayout({
               className='gap-2 pl-0 text-muted-foreground hover:text-foreground hover:bg-transparent -ml-2'
             >
               <ArrowLeft className='w-4 h-4' />
-              返回首页
+              {t('backToHome')}
             </Button>
           </Link>
 
@@ -318,11 +320,11 @@ export function LegalPageLayout({
             <div className='flex flex-wrap items-center gap-4 text-xs text-muted-foreground mb-8'>
               <span className='flex items-center gap-1.5 bg-muted/50 px-3 py-1 rounded-full border border-border/50'>
                 <FileText className='w-3.5 h-3.5' />
-                {sections.length} 个内容
+                {t('sectionCount', { count: sections.length })}
               </span>
               <span className='flex items-center gap-1.5 bg-muted/50 px-3 py-1 rounded-full border border-border/50'>
                 <Calendar className='w-3.5 h-3.5' />
-                最后更新：{lastUpdated}
+                {t('lastUpdated')}：{lastUpdated}
               </span>
               <Button
                 type='button'
@@ -336,7 +338,7 @@ export function LegalPageLayout({
                 ) : (
                   <Copy className='w-3.5 h-3.5' />
                 )}
-                {hasCopied ? '已复制' : '复制 Markdown'}
+                {hasCopied ? t('copied') : t('copyMarkdown')}
               </Button>
             </div>
             {description && (
@@ -357,7 +359,7 @@ export function LegalPageLayout({
             <div className='sticky top-24'>
               <div className='space-y-2 max-h-[calc(100vh-8rem)] overflow-y-auto pr-4 scrollbar-thin'>
                 <div className='text-sm font-semibold text-foreground mb-4 pl-3'>
-                  目录
+                  {t('toc')}
                 </div>
                 <nav className='space-y-1'>
                   {sections.map((section) => (
@@ -445,7 +447,7 @@ export function LegalPageLayout({
             <div className='pt-16 border-t border-border mt-20'>
               <div className='bg-muted/30 rounded-2xl p-8 text-center'>
                 <p className='text-muted-foreground text-sm mb-4'>
-                  对这些内容有疑问？
+                  {t('haveQuestions')}
                 </p>
                 <div className='flex justify-center gap-4'>
                   <Link
@@ -453,7 +455,7 @@ export function LegalPageLayout({
                     target='_blank'
                   >
                     <Button variant='outline' className='h-9 text-xs'>
-                      联系支持
+                      {t('contactSupport')}
                     </Button>
                   </Link>
                 </div>