Cartoon UX: unify duplicated production step and checklist UI

[realproject7]

Problem

The cartoon flow repeats the same production state in several places:

• Progress page checklist.
• Genesis cuts page Cut workflow help.
• Genesis cuts page Finish episode panel.
• Publish checklist / readiness sections.
• Top Next Action cards.

This makes the interface noisy and makes it harder to know what to do next. In the cuts view specifically, Cut workflow help and Finish episode repeat the same step sequence while competing for the most important vertical space.

Goal

Create one compact, shared representation of cartoon production state and use it consistently across Progress, Cuts, and Publish.

Proposed Component

Plan ✓   Clean ✓   Letter 0/10   Export 0/10   Upload 0/10   Publish ○      [Details]

Expanded details / modal:

Production status
- Plan cuts: complete, 10/10
- Create clean images: complete, 10/10
- Add speech bubbles & captions: active, 0/10
- Export final images: blocked until lettering complete
- Upload final images: blocked until export complete
- Publish to PlotLink: blocked until upload complete

Requirements

• Replace duplicate inline step blocks with one shared compact status component.
• Use the same source of truth for state labels and next-step text.
• Keep detailed guidance accessible, but not expanded by default inside the cuts workspace.
• Ensure Progress remains good for overview, while Cuts remains optimized for work.
• Ensure Publish only shows publish-specific blockers and readiness, not another full duplicate of the entire workflow unless opened via details.

Acceptance Criteria

• The cuts page no longer shows both Cut workflow help and a separate Finish episode step panel by default.
• Progress, Cuts, and Publish agree on counts and active step text.
• There is a single clear active step: Add speech bubbles & captions while lettering is incomplete.
• The UI does not display competing Next: messages in multiple places at once.

[realproject7]

Closed by PR #509.