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)/servicos/page.tsx

@@ -1,28 +1,26 @@
 "use client";
 
 import Link from "next/link";
-import { useLanguage } from "@/contexts/LanguageContext";
+import { T } from "@/components/TranslatedText";
 
 export default function ServicosPage() {
-  const { t } = useLanguage();
-
   const services = [
     {
       icon: "ri-draft-line",
-      title: t('home.services.1.title'),
-      description: t('home.services.1.desc'),
+      title: "Projetos Técnicos",
+      description: "Desenvolvimento de projetos de engenharia mecânica, estrutural e veicular com alta precisão e conformidade normativa.",
       features: ["Projeto Mecânico 3D", "Cálculo Estrutural", "Dispositivos Especiais", "Homologação de Equipamentos"]
     },
     {
       icon: "ri-truck-line",
-      title: t('home.features.3.title'),
-      description: t('home.features.3.desc'),
+      title: "Engenharia Veicular",
+      description: "Expertise em modificações, adaptações e homologações veiculares com foco em segurança e conformidade.",
       features: ["Projeto de Instalação", "Estudo de Estabilidade", "Adequação de Carrocerias", "Regularização Veicular"]
     },
     {
       icon: "ri-file-paper-2-line",
-      title: t('home.services.2.title'),
-      description: t('home.services.2.desc'),
+      title: "Laudos e Perícias",
+      description: "Emissão de laudos técnicos e pareceres periciais para equipamentos, estruturas e veículos.",
       features: ["Laudos de Munck/Guindaste", "Inspeção de Segurança", "Teste de Carga", "Certificação de Equipamentos"]
     },
     {
@@ -40,9 +38,9 @@ export default function ServicosPage() {
         <div className="absolute inset-0 bg-black/60 z-10"></div>
         <div className="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center"></div>
         <div className="container mx-auto px-4 relative z-20">
-          <h1 className="text-5xl font-bold font-headline mb-4">{t('services.hero.title')}</h1>
+          <h1 className="text-5xl font-bold font-headline mb-4"><T>Nossos Serviços</T></h1>
           <p className="text-xl text-gray-300 max-w-2xl">
-            {t('services.hero.subtitle')}
+            <T>Soluções completas em engenharia para atender às necessidades da sua empresa</T>
           </p>
         </div>
       </section>
@@ -65,22 +63,22 @@ export default function ServicosPage() {
                     <span className="text-5xl font-bold text-gray-100 dark:text-white/10 font-headline select-none">0{index + 1}</span>
                   </div>
                   
-                  <h3 className="text-2xl font-bold font-headline text-secondary dark:text-white mb-4 group-hover:text-primary transition-colors">{service.title}</h3>
+                  <h3 className="text-2xl font-bold font-headline text-secondary dark:text-white mb-4 group-hover:text-primary transition-colors"><T>{service.title}</T></h3>
                   <p className="text-gray-600 dark:text-gray-400 leading-relaxed mb-8">
-                    {service.description}
+                    <T>{service.description}</T>
                   </p>
                 </div>
                 
                 <div className="mt-auto bg-gray-50/50 dark:bg-white/5 p-8 border-t border-gray-100 dark:border-white/10 backdrop-blur-sm">
                   <h4 className="text-xs font-bold text-gray-400 uppercase tracking-wider mb-4 flex items-center gap-2">
                     <span className="w-8 h-px bg-primary"></span>
-                    {t('services.scope')}
+                    <T>Escopo de Atuação</T>
                   </h4>
                   <ul className="grid grid-cols-1 sm:grid-cols-2 gap-y-3 gap-x-4">
                     {service.features.map((feature, idx) => (
                       <li key={idx} className="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
                         <i className="ri-checkbox-circle-fill text-primary/80"></i>
-                        {feature}
+                        <T>{feature}</T>
                       </li>
                     ))}
                   </ul>
@@ -94,9 +92,9 @@ export default function ServicosPage() {
       {/* CTA */}
       <section className="py-16 bg-primary text-white text-center">
         <div className="container mx-auto px-4">
-          <h2 className="text-3xl font-bold font-headline mb-6">{t('services.cta.title')}</h2>
+          <h2 className="text-3xl font-bold font-headline mb-6"><T>Precisa de um serviço especializado?</T></h2>
           <Link href="/contato" className="inline-block px-8 py-3 bg-white text-primary rounded-lg font-bold hover:bg-gray-100 transition-colors">
-            {t('services.cta.button')}
+            <T>Solicite um Orçamento</T>
           </Link>
         </div>
       </section>