Name: New Screen
Author: Hoi-Trang-Huynh

When creating a new screen, follow the existing pattern:

Screen (lib/screens/<feature>/): Create <name>_screen.dart with a ConsumerStatefulWidget or ConsumerWidget. Use ref.watch() for reactive state, ref.read() for one-time actions.
Provider (lib/providers/): If the screen needs its own state, add a provider file. Use FutureProvider for async data, NotifierProvider for mutable state.
Repository (lib/services/): If the screen calls new API endpoints, add methods to the relevant repository or create a new one following the existing pattern (extends HTTP client with Firebase token auth).
Models (lib/models/): Add request DTOs in requests/ and response DTOs in responses/ as needed.
Route (lib/router/app_router.dart): Add a GoRoute entry. If it's a main tab, add under the ShellRoute. If it's a standalone page, add at the top level.

When creating a new screen, follow the existing pattern:

Screen (lib/screens/<feature>/): Create <name>_screen.dart with a ConsumerStatefulWidget or ConsumerWidget. Use ref.watch() for reactive state, ref.read() for one-time actions.
Provider (lib/providers/): If the screen needs its own state, add a provider file. Use FutureProvider for async data, NotifierProvider for mutable state.
Repository (lib/services/): If the screen calls new API endpoints, add methods to the relevant repository or create a new one following the existing pattern (extends HTTP client with Firebase token auth).
Models (lib/models/): Add request DTOs in requests/ and response DTOs in responses/ as needed.
Route (lib/router/app_router.dart): Add a GoRoute entry. If it's a main tab, add under the ShellRoute. If it's a standalone page, add at the top level.

New Screen