Show configured exercises in routine drafts

[rd-code-23]

Summary

• display configured exercises in the routine editor with responsive desktop and mobile layouts
• keep the selected exercise name as UI-only React Hook Form draft data
• strip the display-only name from Zod's parsed output so the eventual API payload retains the shared backend contract
• avoid fetching the exercise catalog from the routine editor
• reuse TanStack Query's exercise cache for two minutes when navigating through the exercise picker and configuration flow
• add React Query Devtools in development for inspecting cached queries

Data flow

The exercise picker loads the exercise catalog through TanStack Query. When an exercise is configured, its ID and routine-specific values are saved to the shared React Hook Form draft. The exercise name is also retained in that draft strictly for rendering the routine editor.

The draft exercise schema extends the shared API schema with the display-only name. Its Zod transform removes that name from validated output, preventing duplicated catalog data from being sent when routine saving is implemented.

Testing

• verifies the routine editor does not fetch the exercise catalog
• verifies a configured exercise appears after returning from configuration
• verifies returning to the picker within the stale window reuses the cached exercise query
• web TypeScript check passes
• focused routine tests pass
• web lint passes