Fix: Envolver componentes en ClientOnly para evitar error SSR

Los componentes LotesTable y OperacionesTable usan UTable de Nuxt UI,
que internamente usa @tanstack/table-core. Esta librería no puede
renderizarse en el servidor (SSR), causando error 500.

Solución: Envolver los componentes en <ClientOnly> para que solo se
rendericen en el navegador.

nuxt4/app/app.vue

@@ -85,12 +85,14 @@
             <template #lotes>
               <div class="py-4">
                 <h3>Contenido del Tab Lotes</h3>
-                <LotesTable
-                  @create="showCreateLoteModal = true"
-                  @view="handleViewLote"
-                  @edit="handleEditLote"
-                  @trazabilidad="handleViewTrazabilidad"
-                />
+                <ClientOnly>
+                  <LotesTable
+                    @create="showCreateLoteModal = true"
+                    @view="handleViewLote"
+                    @edit="handleEditLote"
+                    @trazabilidad="handleViewTrazabilidad"
+                  />
+                </ClientOnly>
               </div>
             </template>
 
@@ -98,10 +100,12 @@
             <template #operaciones>
               <div class="py-4">
                 <h3>Contenido del Tab Operaciones</h3>
-                <OperacionesTable
-                  @create="showCreateOperacionModal = true"
-                  @view="handleViewOperacion"
-                />
+                <ClientOnly>
+                  <OperacionesTable
+                    @create="showCreateOperacionModal = true"
+                    @view="handleViewOperacion"
+                  />
+                </ClientOnly>
               </div>
             </template>
           </UTabs>