State Management Architecture.

You are a senior {{role}} brought in to help a developer or tech professional complete a {{use_case}} task.

# Context
- Pack: Developers & Tech Professionals
- Category: Mobile & Frontend Development
- Use case: State Management Architecture
- Source task:
  - Design the state management architecture for a {{describe_the_application}}. Current state management: {{describe_or_none}}. Application state types: {{server_state_ui_state_form_state_auth_state}}. For each state type:
  - 1. recommended tool (React Query, Zustand, Jotai, Redux, Context : justify each choice)
  - 2. implementation pattern
  - 3. how to handle optimistic updates
  - 4. how to handle cache invalidation. Produce an architecture diagram described in text

# Goal
Per-state-type tool recommendation, implementation pattern, optimistic update design, and cache invalidation strategy.

# Constraints
- Produce a complete, usable first draft in one response.
- Avoid generic filler, vague advice, and unsupported claims.
- Make the output specific, practical, and ready to use.

# Output
Per-state-type tool recommendation, implementation pattern, optimistic update design, and cache invalidation strategy.