#8238 Unsaved map confirmation zIndex

[belom88]

Description

Fix zIndex value for unsaved map confirmation dialog.

Please check if the PR fulfills these requirements

• The commit message follows our guidelines: https://github.com/geosolutions-it/MapStore2/blob/master/CONTRIBUTING.md
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

What kind of change does this PR introduce? (check one with "x", remove the others)

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Other... Please describe:

Issue

#8238

What is the new behavior?
Works as expected

Breaking change

Does this PR introduce a breaking change? (check one with "x", remove the other)

• Yes, and I documented them in migration notes
• No

Other useful information

Reproducible only on https://qa-mapstore.geosolutionsgroup.com/mapstore/#/

[allyoucanmap]

This PR is providing a change of z-index to all the sidebar to allow the 'Unsaved changes' to be visible on top of the measurement modal. I would prefer to think this on the other way around and to apply a change to the 'Unsaved changes' ConfirmModal component instead so the Sidebar plugin has not connection to the unsaved modal. My proposal is to add a Portal from the components/misc folder around the unsavedMapModal ConfirModal in this way the modal will be appended on the root and be visible on top:

+ import Portal from '../../components/misc/Portal';

...

+ <Portal>
    <ConfirmModal
        ref="unsavedMapModal"
        show={this.props.displayUnsavedDialog || false}
        onClose={this.props.onCloseUnsavedDialog}
        title={<Message msgId="resources.maps.unsavedMapConfirmTitle" />}
        buttons={[{
            bsStyle: "primary",
            text: <Message msgId="resources.maps.unsavedMapConfirmButtonText" />,
            onClick: this.goHome
        }, {
            text: <Message msgId="resources.maps.unsavedMapCancelButtonText" />,
            onClick: this.props.onCloseUnsavedDialog
        }]}
        fitContent
    >
        <div className="ms-detail-body">
            <Message msgId="resources.maps.unsavedMapConfirmMessage" />
        </div>
    </ConfirmModal>
+ </Portal>

[allyoucanmap]

closed in favor of #8759