Resolve sticky position when a modal is open

[TatisLois]

Why

Latest pending release is blocked by a bug caused by having a modal open on the home page. The header and left/right col's should have position sticky applied. But are not being stuck. After debugging it turns out that the integration for next.js and expo applies various css resets.

We want (I assume) to keep most of them to maintain compatibility with react native web so this PR only changes the value of the offending property.

How

Apply the tailwind class overflow-y-visible to body set the default value of overflow-y

Test Plan

Test on local before push and will test on vercel route

Bug

sticky-bug.mp4

Solution

sticky-solution.mp4

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/showtime/showtime/BTPcDEStGvmUHFckiPbF1kB3bKFX
✅ Preview: https://showtime-git-fix-sticky-scroll-homepage-showtime.vercel.app

[github-actions]

PR Preview - Storybook

This pull request preview deployment is now available.

✅ Preview: io.showtime.storybook://expo-development-client/?url=https://exp.host/@tryshowtime/showtime-storybook-react-native/index.exp?release-channel=pr-640&sdkVersion=44.0.0

Comment ID:

[github-actions]

PR Preview - App

This pull request preview deployment is now available.

✅ Preview: io.showtime.development://expo-development-client/?url=https://exp.host/@tryshowtime/showtime/index.exp?release-channel=pr-640&sdkVersion=44.0.0

Comment ID:

[m1guelpf]

LGTM, thanks for figuring this out! ❤️