fix: add more padding-bottom on mobile landing page (#5696)

Revert "fix: allow landing page scroll (#5692)"

This reverts commit 642c489240.

.github/workflows/revert.yaml

@@ -1,4 +1,4 @@
-name: Release
+name: Revert
 on:
   # manual trigger
   workflow_dispatch:

src/pages/Landing/index.tsx

@@ -3,6 +3,7 @@ import { BrowserEvent, ElementName, EventName, PageName } from '@uniswap/analyti
 import { BaseButton } from 'components/Button'
 import { LandingPageVariant, useLandingPageFlag } from 'featureFlags/flags/landingPage'
 import Swap from 'pages/Swap'
+import { useEffect } from 'react'
 import { useLocation } from 'react-router-dom'
 import { Link as NativeLink } from 'react-router-dom'
 import { useIsDarkMode } from 'state/user/hooks'
@@ -56,7 +57,7 @@ const ContentContainer = styled.div<{ isDarkMode: boolean }>`
   position: absolute;
   bottom: 0;
   z-index: ${Z_INDEX.dropdown};
-  padding: 32px 0;
+  padding: 32px 0 64px;
   transition: ${({ theme }) => `${theme.transition.duration.medium} ${theme.transition.timing.ease} opacity`};
 
   * {
@@ -171,6 +172,18 @@ export default function Landing() {
 
   const landingPageFlag = useLandingPageFlag()
 
+  useEffect(() => {
+    if (landingPageFlag) {
+      document.body.style.overflow = 'hidden'
+      return () => {
+        document.body.style.overflow = 'auto'
+      }
+    }
+    return () => {
+      // need to have a return so the hook doesn't throw.
+    }
+  }, [landingPageFlag])
+
   if (landingPageFlag === LandingPageVariant.Control || !isOpen) return null
 
   return (