Gemini Code Assist: Migrate Legacy Code to Modern Framework

Help me migrate this legacy [SOURCE FRAMEWORK] code to [TARGET FRAMEWORK]. Follow this systematic approach:

**Phase 1 — Assessment**:
- Analyze the existing codebase structure and patterns
- Identify dependencies and their modern equivalents
- Map legacy patterns to modern equivalents:
  - Component architecture
  - State management
  - Routing
  - API integration
  - Styling approach
- List features that have no direct equivalent and need reimplementation

**Phase 2 — Migration Plan**:
- Create a dependency graph of components/modules
- Determine migration order (leaf nodes first, shared utilities early)
- Estimate effort for each module (S/M/L)
- Identify reusable adapters or shims for gradual migration

**Phase 3 — Code Transformation**:
For each module, generate:
- The migrated code following target framework best practices
- Inline comments explaining non-obvious transformations
- Test files that verify equivalent behavior
- A mapping document showing old → new patterns

**Phase 4 — Verification**:
- List behavioral tests that should pass identically in old and new code
- Identify visual regression test points
- Flag any behavior changes introduced by the migration

Start with a module I specify: [MODULE NAME OR FILE]