全自動コードリファクタリング

現在のプロジェクト内のすべての React Class Component ファイルを分析してください。

次のリファクタリングタスクを実行してください：
1. 各 class component を関数コンポーネント + Hooks に変換
2. this.state / this.setState → useState
3. componentDidMount / componentWillUnmount → useEffect
4. 再利用可能なロジックをカスタム Hook に抽出
5. props インターフェースを変更しないまま、親コンポーネントが修正不要に
6. 既存テストを実行して破壊がないことを確認

各ファイルの変更を別々にリストアップし、何を変更したか、なぜこのように変更したのかを説明してください。

プロジェクト内のすべてのエラーハンドリングコードを分析してください。

現在の状態の監査：
- すべての try-catch ブロック、.catch() 呼び出し、エラーコールバックを見つけて
- 矛盾している部分をリストアップ（エラーを無視するもの、console.log だけするもの、上に投げるもの）

統一スキーム：
1. 統一された AppError クラスを作成（code, message, cause を含む）
2. グローバルエラーハンドリングミドルウェアを作成
3. すべてのビジネスロジックレイヤーで AppError を使用、new Error を直接スロー しない
4. API レイヤーは { success: false, error: { code, message } } という統一形式で返す
5. 変更後のファイルリストと diff を提供

この JavaScript プロジェクトを TypeScript に移行したいです。

以下の手順で実行してください：
1. プロジェクト構造を分析し、tsconfig.json を生成（strict モード）
2. エントリーファイルから始めて、依存関係の順序で逐個 .js → .ts/.tsx に移行
3. すべての関数パラメータと戻り値に型注釈を追加
4. any の使用を最小限にして、できるだけ具体的な型を使用
5. サードパーティライブラリの @types パッケージをインストール
6. types/ ディレクトリを作成して共通型定義を保管
7. tsc --noEmit を実行して通過確認、型エラーなし

各ファイルの変更を要約してリストアップしてください。一部の場所で any を必ず使う必要がある場合は、理由を説明してください。