[Feature Anywhere] Add confirmation dialog on closing flyout for Create & Associate flows with unsaved changes

[xeniatup]

Is your feature request related to a problem? Please describe.
Feature Anywhere uses OuiFlyout for a variety of experiences inluding "Create/Associate" flows.

Unsaved changes can be lost when flyout is closed.

Describe the solution you'd like

For the Feature Anywhere losing user's progress during Create or Associate flows is not ideal.
If the user has unsaved changes within the "Add alerting monitor", "Add anomaly detector", or "Set up alerts" flyouts and interacts with "Cancel" button in the flyout footer , flyout header "X" (close) or any clicks on the application header, present the user with a confirmation modal.

"Navigate away? Any unsaved progress will be lost." CTAs: "Navigate away" (primary), "Cancel" (secondary).

[ananzh]

@KrooshalUX could you help us to check this change?

[KrooshalUX]

@ananzh I am working with @xeniatup to make updates to this issue about the pattern that needs to be implemented. This work is for Feature Anywhere team, so OSD team does not need to take any action.

[KrooshalUX]

@xeniatup can you assign this to the appropriate team member working on the feature?

[lezzago]

I believe that we should have a mechanism built into flyouts to better support for this since there can be many uses to where the use can fill out info in a flyout and submit the info.

@KrooshalUX What are your thoughts on this as I think its should be a core functionality and not specific to Feature Anywhere. Then once the mechanism is built, the feature anywhere can be updated to utilize that flyout mechanism.

[KrooshalUX]

@lezzago We are considering this change for OUI Flyout, but to unblock and deliver the correct experience for the Anywhere project, I would like to keep that scope separately.