Automatic Code Refactor

Analisis semua React Class Component file di project.

Jalanin refactor:
1. Konversi tiap class component jadi function component + Hooks
2. this.state / this.setState → useState
3. componentDidMount / componentWillUnmount → useEffect
4. Extract reusable logic jadi custom Hook
5. Maintain props interface, parent component nggak perlu ubah
6. Jalanin test yang existing, pastiin nggak break

Untuk tiap file, list perubahan yang dilakukan, jelasin kenapa.

Analisis semua error handling code di project.

Audit status sekarang:
- Cari semua try-catch block, .catch() call, error callback
- List tempat yang nggak konsisten (ada yang suppress error, ada yang console.log aja, ada yang throw)

Standardisasi solution:
1. Buat AppError class yang unified (contain code, message, cause)
2. Buat global error handling middleware
3. Semua business layer pake AppError throw, jangan langsung throw new Error
4. API layer return { success: false, error: { code, message } } secara konsisten
5. Kasih list file yang diubah dan diff-nya

Gw mau migrasi JavaScript project ke TypeScript.

Jalanin step ini:
1. Analisis project structure, generate tsconfig.json (strict mode)
2. Mulai dari entry file, migrasi .js → .ts/.tsx sesuai dependency order
3. Tambahin type annotation buat semua function parameter dan return value
4. Minimize penggunaan `any`, pake specific type sebanyak mungkin
5. Install @types package buat third-party library
6. Buat types/ directory buat common type definition
7. Pastiin tsc --noEmit success, nggak ada type error

Untuk tiap file, list summary dari perubahan. Kalo ada tempat yang harus pake `any`, jelaskan alasannya.