feat: Simplificar sistema de traducao com LibreTranslate

- Remover traducoes manuais do LanguageContext
- Adicionar componente T para auto-traducao
- Usar useTranslatedContent para conteudo do banco
- Atualizar todas as paginas publicas
- Integrar LibreTranslate para traducao automatica

frontend/src/app/(public)/page.tsx

@@ -1,72 +1,74 @@
 "use client";
 
 import Link from "next/link";
-import { useLanguage } from "@/contexts/LanguageContext";
 import { usePageContent } from "@/hooks/usePageContent";
+import { useTranslatedContent, T } from "@/components/TranslatedText";
 
 export default function Home() {
-  const { t } = useLanguage();
   const { content, loading } = usePageContent('home');
+  
+  // Traduzir conteúdo do banco automaticamente
+  const { translatedContent } = useTranslatedContent(content);
 
-  // Usar conteúdo personalizado do banco ou fallback para traduções
-  const hero = content?.hero || {
-    title: t('home.hero.title'),
-    subtitle: t('home.hero.subtitle'),
-    buttonText: t('home.hero.cta_primary')
+  // Usar conteúdo traduzido ou fallback
+  const hero = translatedContent?.hero || {
+    title: 'Engenharia de Excelência para Seus Projetos',
+    subtitle: 'Soluções completas em engenharia veicular, mecânica e segurança do trabalho com mais de 15 anos de experiência.',
+    buttonText: 'Conheça Nossos Serviços'
   };
 
-  const features = content?.features || {
-    pretitle: t('home.features.pretitle'),
-    title: t('home.features.title'),
+  const features = translatedContent?.features || {
+    pretitle: 'Por que nos escolher',
+    title: 'Nossos Diferenciais',
     items: [
-      { icon: 'ri-shield-star-line', title: t('home.features.1.title'), description: t('home.features.1.desc') },
-      { icon: 'ri-settings-4-line', title: t('home.features.2.title'), description: t('home.features.2.desc') },
-      { icon: 'ri-truck-line', title: t('home.features.3.title'), description: t('home.features.3.desc') }
+      { icon: 'ri-shield-star-line', title: 'Qualidade Garantida', description: 'Processos certificados e equipe altamente qualificada.' },
+      { icon: 'ri-settings-4-line', title: 'Soluções Personalizadas', description: 'Atendimento sob medida para suas necessidades.' },
+      { icon: 'ri-truck-line', title: 'Especialização Veicular', description: 'Expertise em engenharia automotiva.' }
     ] as Array<{ icon: string; title: string; description: string }>
   };
 
-  const services = content?.services || {
-    pretitle: t('home.services.pretitle'),
-    title: t('home.services.title'),
+  const services = translatedContent?.services || {
+    pretitle: 'Nossos Serviços',
+    title: 'O Que Fazemos',
     items: [
-      { icon: 'ri-draft-line', title: t('home.services.1.title'), description: t('home.services.1.desc') },
-      { icon: 'ri-file-paper-2-line', title: t('home.services.2.title'), description: t('home.services.2.desc') },
-      { icon: 'ri-alert-line', title: t('home.services.3.title'), description: t('home.services.3.desc') },
-      { icon: 'ri-truck-fill', title: t('home.services.4.title'), description: t('home.services.4.desc') }
+      { icon: 'ri-draft-line', title: 'Projetos Técnicos', description: 'Desenvolvimento de projetos de engenharia.' },
+      { icon: 'ri-file-paper-2-line', title: 'Laudos e Perícias', description: 'Emissão de laudos técnicos.' },
+      { icon: 'ri-alert-line', title: 'Segurança do Trabalho', description: 'Implementação de normas de segurança.' },
+      { icon: 'ri-truck-fill', title: 'Engenharia Veicular', description: 'Modificações e adaptações de veículos.' }
     ] as Array<{ icon: string; title: string; description: string }>
   };
 
-  const about = content?.about || {
-    pretitle: t('home.about.pretitle'),
-    title: t('home.about.title'),
-    description: t('home.about.desc'),
+  const about = translatedContent?.about || {
+    pretitle: 'Conheça a OCCTO',
+    title: 'Sobre Nós',
+    description: 'Com mais de 15 anos de experiência, a OCCTO Engenharia se consolidou como referência em soluções de engenharia.',
     highlights: [
-      t('home.about.list.1'),
-      t('home.about.list.2'),
-      t('home.about.list.3')
+      'Mais de 500 clientes atendidos',
+      'Equipe técnica qualificada',
+      'Parceiro oficial de grandes empresas'
     ] as string[]
   };
 
-  const testimonials = content?.testimonials || {
-    pretitle: t('home.testimonials.pretitle'),
-    title: t('home.testimonials.title'),
+  const testimonials = translatedContent?.testimonials || {
+    pretitle: 'Depoimentos',
+    title: 'O Que Dizem Nossos Clientes',
     items: [
-      { name: 'Ricardo Mendes', role: t('home.testimonials.1.role'), text: t('home.testimonials.1.text') },
-      { name: 'Fernanda Costa', role: t('home.testimonials.2.role'), text: t('home.testimonials.2.text') },
-      { name: 'Paulo Oliveira', role: t('home.testimonials.3.role'), text: t('home.testimonials.3.text') }
+      { name: 'Ricardo Mendes', role: 'Gerente de Frota', text: 'Excelente trabalho!' },
+      { name: 'Fernanda Costa', role: 'Diretora de Operações', text: 'Parceria de confiança.' },
+      { name: 'Paulo Oliveira', role: 'Engenheiro Chefe', text: 'Conhecimento técnico incomparável.' }
     ] as Array<{ name: string; role: string; text: string }>
   };
 
-  const stats = content?.stats || {
+  const stats = translatedContent?.stats || {
     clients: '500+',
     projects: '1200+',
     years: '15'
   };
 
-  const cta = content?.cta || {
-    title: t('home.cta.title'),
-    text: t('home.cta.desc'),
-    button: t('home.cta.button')
+  const cta = translatedContent?.cta || {
+    title: 'Pronto para tirar seu projeto do papel?',
+    text: 'Entre em contato com nossa equipe de especialistas.',
+    button: 'Fale Conosco'
   };
 
   return (
@@ -81,7 +83,7 @@ export default function Home() {
           <div className="max-w-3xl">
             <div className="inline-flex items-center gap-3 bg-white/10 backdrop-blur-md border border-white/20 rounded-full px-5 py-2 mb-8 hover:bg-white/20 transition-colors cursor-default">
               <i className="ri-verified-badge-fill text-primary text-xl"></i>
-              <span className="text-sm font-bold tracking-wider uppercase text-white">{t('home.hero.badge')} <span className="text-primary">Coca-Cola</span></span>
+              <span className="text-sm font-bold tracking-wider uppercase text-white"><T>Prestador de Serviço Oficial</T> <span className="text-primary">Coca-Cola</span></span>
             </div>
 
             <h1 className="text-5xl md:text-6xl font-bold font-headline mb-6 leading-tight">
@@ -95,7 +97,7 @@ export default function Home() {
                 {hero.buttonText}
               </Link>
               <Link href="/projetos" className="px-8 py-4 border-2 border-white text-white rounded-lg font-bold hover:bg-white hover:text-secondary transition-colors text-center">
-                {t('home.hero.cta_secondary')}
+                <T>Ver Soluções</T>
               </Link>
             </div>
           </div>
@@ -143,7 +145,7 @@ export default function Home() {
           </div>
           <div className="text-center mt-12">
             <Link href="/servicos" className="text-primary font-bold hover:text-secondary dark:hover:text-white transition-colors inline-flex items-center gap-2">
-              {t('home.services.link')} <i className="ri-arrow-right-line"></i>
+              <T>Ver todos os serviços</T> <i className="ri-arrow-right-line"></i>
             </Link>
           </div>
         </div>
@@ -173,7 +175,7 @@ export default function Home() {
               ))}
             </ul>
             <Link href="/sobre" className="text-primary font-bold hover:text-white transition-colors flex items-center gap-2">
-              {t('home.about.link')} <i className="ri-arrow-right-line"></i>
+              <T>Conheça nossa expertise</T> <i className="ri-arrow-right-line"></i>
             </Link>
           </div>
         </div>
@@ -184,29 +186,29 @@ export default function Home() {
         <div className="container mx-auto px-4">
           <div className="flex flex-col md:flex-row justify-between items-start md:items-end mb-12 gap-4">
             <div>
-              <h2 className="text-primary font-bold tracking-wider uppercase mb-2">{t('home.projects.pretitle')}</h2>
-              <h3 className="text-4xl font-bold font-headline text-secondary dark:text-white">{t('home.projects.title')}</h3>
+              <h2 className="text-primary font-bold tracking-wider uppercase mb-2"><T>Portfólio</T></h2>
+              <h3 className="text-4xl font-bold font-headline text-secondary dark:text-white"><T>Projetos Recentes</T></h3>
             </div>
             <Link href="/projetos" className="px-6 py-3 border border-secondary dark:border-white text-secondary dark:text-white rounded-lg font-bold hover:bg-secondary hover:text-white dark:hover:bg-white dark:hover:text-secondary transition-colors">
-              {t('home.projects.link')}
+              <T>Ver todos os projetos</T>
             </Link>
           </div>
           
           <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
             {[
-              { img: "https://images.unsplash.com/photo-1616401784845-180882ba9ba8?q=80&w=2070&auto=format&fit=crop", title: t('home.projects.1.title'), cat: t('home.projects.1.cat') },
-              { img: "https://images.unsplash.com/photo-1581092335397-9583eb92d232?q=80&w=2070&auto=format&fit=crop", title: t('home.projects.2.title'), cat: t('home.projects.2.cat') },
-              { img: "https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?q=80&w=2070&auto=format&fit=crop", title: t('home.projects.3.title'), cat: t('home.projects.3.cat') }
+              { img: "https://images.unsplash.com/photo-1616401784845-180882ba9ba8?q=80&w=2070&auto=format&fit=crop", title: "Projeto de Adequação - Coca-Cola", cat: "Engenharia Veicular" },
+              { img: "https://images.unsplash.com/photo-1581092335397-9583eb92d232?q=80&w=2070&auto=format&fit=crop", title: "Laudo de Guindaste Articulado", cat: "Inspeção Técnica" },
+              { img: "https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?q=80&w=2070&auto=format&fit=crop", title: "Dispositivo de Içamento Especial", cat: "Projeto Mecânico" }
             ].map((project, index) => (
               <div key={index} className="group relative overflow-hidden rounded-xl h-[400px] cursor-pointer">
                 <div className="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style={{ backgroundImage: `url('${project.img}')` }}></div>
                 <div className="absolute inset-0 bg-linear-to-t from-black/90 via-black/20 to-transparent opacity-80 group-hover:opacity-90 transition-opacity"></div>
                 <div className="absolute bottom-0 left-0 p-8 w-full transform translate-y-4 group-hover:translate-y-0 transition-transform">
-                  <span className="text-primary font-bold text-sm uppercase tracking-wider mb-2 block">{project.cat}</span>
-                  <h3 className="text-2xl font-bold font-headline text-white mb-2">{project.title}</h3>
+                  <span className="text-primary font-bold text-sm uppercase tracking-wider mb-2 block"><T>{project.cat}</T></span>
+                  <h3 className="text-2xl font-bold font-headline text-white mb-2"><T>{project.title}</T></h3>
                   <div className="h-0 group-hover:h-auto overflow-hidden transition-all">
                     <span className="text-white/80 text-sm flex items-center gap-2 mt-4">
-                      {t('home.projects.view_details')} <i className="ri-arrow-right-line"></i>
+                      <T>Ver detalhes</T> <i className="ri-arrow-right-line"></i>
                     </span>
                   </div>
                 </div>