fix!: fix rendering issues in Safari, Firefox by changing the structure

[pradel]

Some changes are made regarding the structure of the Modal.

• create a new div root that contains everything
• the overlay does not wrap the Modal anymore
• create a new modalContainer div that wraps the Modal only. This fixes various issues across different browsers where the Modal was not rendered properly.

[github-actions[bot]]

size-limit report 📦

Path	Size
dist/react-responsive-modal.cjs.production.min.js	3.23 KB (+3.41% 🔺)
dist/react-responsive-modal.esm.js	3.29 KB (+3.41% 🔺)

[codecov[bot]]

Codecov Report

Merging #436 (56b878f) into master (b016ec4) will increase coverage by 0.09%. The diff coverage is 100.00%.

@@            Coverage Diff             @@
##           master     #436      +/-   ##
==========================================
+ Coverage   97.07%   97.17%   +0.09%     
==========================================
  Files           5        5              
  Lines         171      177       +6     
  Branches       61       67       +6     
==========================================
+ Hits          166      172       +6     
  Misses          5        5              

Impacted Files	Coverage Δ
react-responsive-modal/src/CloseIcon.tsx	100.00% <100.00%> (ø)
react-responsive-modal/src/index.tsx	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update b016ec4...56b878f. Read the comment docs.