style(#2855): fix scrollY for change scrubber coordinate

src/features/MatchPage/index.tsx

@@ -13,6 +13,7 @@ import { FavoritesActions } from 'requests'
 
 import { ProfileTypes } from 'config'
 import { client } from 'config/clients'
+import { isIOS } from 'config/userAgent'
 
 import { usePageLogger } from 'hooks/usePageLogger'
 import { usePageParams } from 'hooks/usePageParams'
@@ -65,7 +66,7 @@ const MatchPageComponent = () => {
     history.push(`/${sportName}/tournaments/${profile.tournament.id}`)
   }
   return (
-    <PageWrapper>
+    <PageWrapper isIOS={isIOS}>
       <ProfileHeader color='#2B2A28' height={client.name === 'facr' ? 5 : 4.5} />
       <Main>
         <UserFavorites />

src/features/PageLayout/styled.tsx

@@ -3,8 +3,9 @@ import styled, { css } from 'styled-components/macro'
 import { isMobileDevice } from 'config/userAgent'
 import { customScrollbar } from 'features/Common'
 
-export const PageWrapper = styled.div`
+export const PageWrapper = styled.div<{isIOS?: boolean}>`
   width: 100%;
+  touch-action: ${({ isIOS }) => (isIOS ? 'none' : 'unset')};
 `
 
 export const Main = styled.main`