updated `ModalOverlay` component by changing `background-color` of overlay to hex value because hex values are more frequently used in the codebase, and changed `useEffect` to `useLayoutEffect`. [[ https://linear.app/comm/issue/ENG-1975/refactor-useeffect-to-uselayouteffect-for-components-using-useref | Reasoning for that here ]]