Ensure all dialogs have a Cancel button to close without action #224
Description
Summary
Audit and ensure all modals and dialogs throughout the JIM interface include a visible "Cancel" button that closes the dialog without performing any action.
Description
Users should always have a clear way to dismiss any dialog or modal without confirming an action. This is a standard UI convention and accessibility requirement.
Current Observation
The "Add Attribute Flow" dialog on the Synchronisation Rules page has a source type dropdown but no visible "Cancel" button, forcing users to either complete the action or use browser back navigation or Escape key.
Requirements
- All modal dialogs must include a "Cancel" button
- Cancel button should be positioned consistently (typically next to or near the primary action button)
- Clicking Cancel should close the dialog without any side effects
- Keyboard shortcut: Escape key should also close the dialog
- Button styling should follow MudBlazor conventions (outlined or secondary style for Cancel)
Affected Areas
- Attribute Flow dialogs
- Connector configuration dialogs
- Sync rule configuration dialogs
- Any other modal dialogs in the application
Acceptance Criteria
- All dialogs have a "Cancel" button
- Cancel button is visually consistent across the application
- Escape key closes dialogs
- Cancelling a dialog doesn't trigger any data changes
- Documentation/guidelines updated for component developers
Related
See issue #84 for previous dialog close behaviour fix.