Refactorización automática de código

Por favor analiza todos los archivos de React Class Component en el proyecto actual.

Ejecuta las siguientes tareas de refactorización:
1. Convierte cada class component en un function component + Hooks
2. this.state / this.setState → useState
3. componentDidMount / componentWillUnmount → useEffect
4. Extrae la lógica reutilizable como Hook personalizado
5. Mantén la interfaz de props sin cambios, asegúrate de que el componente padre no necesita cambios
6. Ejecuta las pruebas existentes para confirmar que nada se rompió

Lista los cambios de cada archivo por separado, explica qué se cambió y por qué.

Analiza todo el código de manejo de errores en el proyecto actual.

Auditoria del estado actual:
- Encuentra todos los bloques try-catch, llamadas .catch(), callbacks de error
- Lista los lugares inconsistentes (algunos ignoran errores, algunos solo console.log, algunos los lanzan)

Solución unificada:
1. Crea una clase AppError unificada (contiene code, message, cause)
2. Crea middleware de manejo de errores global
3. Usa AppError para lanzar en la capa de negocio, no throw new Error directo
4. Respuesta unificada de API: { success: false, error: { code, message } }
5. Proporciona lista de archivos modificados y diff

Quiero migrar este proyecto JavaScript a TypeScript.

Por favor sigue estos pasos:
1. Analiza la estructura del proyecto, genera tsconfig.json (modo strict)
2. Comenzando desde el archivo de entrada, migra .js → .ts/.tsx en orden de dependencias
3. Agrega anotaciones de tipo para todos los parámetros de función y valores de retorno
4. Reduce el uso de "any" al mínimo, usa tipos específicos
5. Instala paquetes @types correspondientes para librerías de terceros
6. Crea directorio types/ para definiciones de tipo compartidas
7. Asegúrate de que "tsc --noEmit" pase sin errores de tipo

Lista el resumen de cambios de cada archivo. Si algunas partes necesitan usar "any", explica por qué.