🚀 fix: snackbar z-index

[christian-benseler-gympass]

Description 📄

The Snackbar in the web version had a fixed z-index value (of 100). If there is in the document any other fixed or absolute positioned element with a higher z-index, the snackbar is shown below it.
To avoid this, it is possible to calculate the z-index when the element is rendered traversing the document's nodes, checking the z-index of each one and returning the max value.
Just to keep the old behavior and guarantee a high value for the property, the minimum value will be 100.

[Enter the description of your changes]

Platforms 📲

• Web
• Mobile

Type of change 🔍

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested? 🧪

Through the browser, creating a div with a high z-index value (200) in the .mdx

Checklist: 🔍

• My code follows the contribution guide of this project Contributing Guide
• Layout matches design prototype: FIGMA
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

Screenshots 📸

Old behaviour:

Div with z-index greater than 100m snackbar is below.

New behaviour: