i18n: GenerationPage sidebar copy

app/src/components/ServerTab/GenerationPage.tsx

@@ -140,43 +140,38 @@ export function GenerationPage() {
 
       <aside className="hidden lg:block w-[280px] shrink-0 space-y-6 sticky top-0">
         <div className="space-y-2">
-          <h3 className="text-sm font-semibold">About voice generation</h3>
+          <h3 className="text-sm font-semibold">{t('settings.generation.sidebar.aboutTitle')}</h3>
           <p className="text-sm text-muted-foreground leading-relaxed">
-            Clone a voice from a short sample, then generate speech in any voice
-            across any language. Ship TTS into AI agents, games, podcasts, or
-            long-form narration.
+            {t('settings.generation.sidebar.aboutBody')}
           </p>
         </div>
 
         <div className="space-y-3">
-          <h3 className="text-sm font-semibold">What's different</h3>
+          <h3 className="text-sm font-semibold">{t('settings.generation.sidebar.differencesTitle')}</h3>
           <ul className="space-y-3 text-sm text-muted-foreground">
             <li className="flex gap-2.5">
               <Mic className="h-4 w-4 shrink-0 mt-0.5 text-accent" />
               <span className="leading-relaxed">
                 <span className="text-foreground font-medium">
-                  Clone any voice in seconds.
+                  {t('settings.generation.sidebar.clone.title')}
                 </span>{' '}
-                A few seconds of reference audio is enough. Multi-sample support
-                for higher quality when you want it.
+                {t('settings.generation.sidebar.clone.body')}
               </span>
             </li>
             <li className="flex gap-2.5">
               <Languages className="h-4 w-4 shrink-0 mt-0.5 text-accent" />
               <span className="leading-relaxed">
                 <span className="text-foreground font-medium">
-                  Seven engines, 23 languages.
+                  {t('settings.generation.sidebar.engines.title')}
                 </span>{' '}
-                Pick the tradeoff that fits — quality, speed, or multilingual
-                coverage.
+                {t('settings.generation.sidebar.engines.body')}
               </span>
             </li>
             <li className="flex gap-2.5">
               <Zap className="h-4 w-4 shrink-0 mt-0.5 text-accent" />
               <span className="leading-relaxed">
-                <span className="text-foreground font-medium">Agent-ready.</span>{' '}
-                REST API with per-profile control — give any AI a voice you've
-                cloned.
+                <span className="text-foreground font-medium">{t('settings.generation.sidebar.agentReady.title')}</span>{' '}
+                {t('settings.generation.sidebar.agentReady.body')}
               </span>
             </li>
           </ul>