refactor: otimização e refatoração do app

- Lazy loading de rotas com React.lazy + Suspense (code-splitting)
- main.tsx reduzido de 378 para ~55 linhas (roteamento data-driven)
- Novo routeConfig.ts e AppRoutes.tsx para configuração centralizada
- 601 console.logs dos componentes core migrados para logger centralizado
- Logger aprimorado com nível debug e tipagem melhorada
- Imports mal posicionados corrigidos (OptimizedCache, PerformanceMonitor)
- process.env.NODE_ENV substituído por import.meta.env.DEV (padrão Vite)
- QueryClient com retry backoff exponencial, gcTime e refetchOnWindowFocus
- Toaster duplicado removido do Layout.tsx (mantido no main.tsx)
- Vite build: chunks adicionais para date-fns, jspdf, lucide-react
- Dead code removido em ProtectedRouteByResource (branch unreachable)
- Nenhuma lógica de negócios alterada

src/utils/OptimizedCache.ts

@@ -3,6 +3,8 @@
  * Implementa cache em memória e localStorage com TTL e versionamento
  */
 
+import React from 'react';
+
 interface CacheEntry {
   data: any;
   timestamp: number;
@@ -244,7 +246,7 @@ export class OptimizedCache {
    * Registra métricas de performance
    */
   private static trackPerformance(metrics: PerformanceMetrics): void {
-    if (process.env.NODE_ENV === 'development') {
+    if (import.meta.env.DEV) {
       console.log('🚀 Cache Performance:', metrics);
     }
     
@@ -357,7 +359,4 @@ export const useSmartCache = <T>(
   };
 };
 
-// Importar React para o hook
-import React from 'react';
-
 export default OptimizedCache;

src/utils/PerformanceMonitor.ts

@@ -3,6 +3,9 @@
  * Rastreia métricas de performance e operações do sistema
  */
 
+import React from 'react';
+import { OptimizedCache } from './OptimizedCache';
+
 export interface PerformanceMetrics {
   operation: string;
   duration_ms: number;
@@ -73,7 +76,7 @@ export class PerformanceMonitor {
     this.addMetrics(metrics);
     
     // Log para desenvolvimento
-    if (process.env.NODE_ENV === 'development') {
+    if (import.meta.env.DEV) {
       this.logMetrics(metrics);
     }
     
@@ -312,10 +315,6 @@ export const useSystemHealth = () => {
   return { health, loading, refetch: checkHealth };
 };
 
-// Importações necessárias
-import React from 'react';
-import { OptimizedCache } from './OptimizedCache';
-
 // Inicializar métricas persistidas ao carregar o módulo
 PerformanceMonitor.loadPersistedMetrics();
 

src/utils/logger.ts

@@ -1,30 +1,38 @@
 
-// Logger utilitário para produção
+// Logger utilitário para produção — centraliza todos os logs do sistema
 const isDevelopment = import.meta.env.DEV;
 
+type LogData = Record<string, unknown> | string | number | boolean | null | undefined;
+
 export const logger = {
-  info: (message: string, data?: any) => {
+  debug: (message: string, data?: LogData) => {
     if (isDevelopment) {
-      console.log(`🔍 ${message}`, data || '');
+      console.log(`🐛 ${message}`, data ?? '');
+    }
+  },
+
+  info: (message: string, data?: LogData) => {
+    if (isDevelopment) {
+      console.log(`🔍 ${message}`, data ?? '');
     }
   },
   
-  error: (message: string, error?: any) => {
+  error: (message: string, error?: unknown) => {
     if (isDevelopment) {
-      console.error(`❌ ${message}`, error || '');
+      console.error(`❌ ${message}`, error ?? '');
     }
-    // Em produção, poderia enviar para serviço de logging
+    // Em produção, poderia enviar para serviço de logging externo
   },
   
-  warn: (message: string, data?: any) => {
+  warn: (message: string, data?: LogData) => {
     if (isDevelopment) {
-      console.warn(`⚠️ ${message}`, data || '');
+      console.warn(`⚠️ ${message}`, data ?? '');
     }
   },
   
-  success: (message: string, data?: any) => {
+  success: (message: string, data?: LogData) => {
     if (isDevelopment) {
-      console.log(`✅ ${message}`, data || '');
+      console.log(`✅ ${message}`, data ?? '');
     }
   }
 };