Workflow Editor Header: Changes indicator wrapper

[theroinaochieng]

User story

As a user, I need visual indication of unsaved changes so I know when to save my work.

Details

Display a red dot badge on action controls when workflow has unsaved changes. Currently implemented as with_changes_indicator/1 function at edit.ex:1192-1204.

Current behavior:

• Only wraps action controls when viewing latest version and not in new workflow panel
• Shows red dot (bg-danger-500) badge at top-right corner when changeset has changes
• Badge positioning: absolute, -top-1.5, -right-1.5, w-3, h-3
• Checks if changeset.changes |> Enum.any?()

Implementation notes

• Wrapper component conditionally renders based on changeset state
• Badge appears via conditional rendering with :if={@changeset.changes |> Enum.any?()}
• Applied at edit.ex:166-228 wrapping all action controls
• Badge uses z-10 for proper layering
• Depends on Workflow Editor Header: Core layout and breadcrumb container #3624

Release notes

N/A - Internal refactor maintaining existing functionality

User acceptance criteria

• Red badge appears when workflow has unsaved changes
• Badge hidden when no changes exist
• Badge positioned at top-right of action controls
• Badge visibility updates reactively when changes occur