[Multistep Dialog] Allow showing close buttons both in the header and footer for customizability

[tinopetros]

Feature request

It would be useful if this showCloseButtonInFooter prop being true did not mean that the close button in the dialog title will not be shown. Instead of being exclusive, both buttons can appear.

showCloseButtonInFooter: (undefined | false | true = false) Whether the footer close button is shown. The button will only appear if isCloseButtonShown is true. The close button in the dialog title will not be shown when this is true.

Usecase

Since the closeButtonInFooter has closeButtonProps it can be used to do other custom things, the most important use case for a multistep dialog button being Skip Dialog, for which developers can then have a custom callback

Examples

...
const handleSkipDialog = React.useCallback(...);
return <MultiStepDialog ... isCloseButtonShown={true} showCloseButtonInFooter{true} closeButtonProps={... onClick={handleSkipDialog}/>