feat(in-565): ads on home and match pages

+import { memo, MouseEvent } from 'react'

+const matchMobileAds = [16, 17, 22, 23, 24]
+
+const chooseStyle = (type: number) => {
+  switch (true) {

+import { isMobileDevice } from 'config'
+
+import { AdComponent } from './components/AdComponent'
+import { AdsPropsType } from './types'

+import { AdsListType } from 'requests'

+            && (
+              <HeaderAds ads={
+                isMobileDevice
+                  ? ads?.mobile?.filter(({ position }) => HEADER_MOBILE_ADS.includes(position.id))

+  const [orientation, setOrientation] = useState(window.orientation)
+
+  useEffect(() => {
+    const handleOrientationChange = () => setOrientation(window.orientation)

+      {ads
+        && isFirstBlock
+        && (isMobileDevice
+          ? map(ads?.mobile, (ad: AdType) => ad?.position.id === PLAYS_BOTTOM_MOBILE

 import filter from 'lodash/filter'
+import map from 'lodash/map'
+
+import { isMobileDevice } from 'config/userAgent'

+      {!isMobileDevice
+        && ads
+        && (
+          map(ads?.match, (ad: AdType) => ad?.position.id === MATCH_ADS.WATCH_TOP

 import { useEventListener, useModalRoot } from 'hooks'
 
-import { isIOS } from 'config/userAgent'
+import { AdType } from 'requests'

+              && (
+                <EventsAdsWrapper hasScroll={hasTabPaneScroll}>
+                  {isMobileDevice
+                    ? map(ads?.mobile, (ad: AdType) => ad?.position.id === PLAYS_TOP_MOBILE

+          <PlayerAdsWrapper isFullscreen={isFullscreen}>
+            <HeaderAds ads={
+              isMobileDevice
+                ? ads?.mobile?.filter(({ position }) => position.id === PLAYER_MOBILE_ADS)

-            <MatchCard key={match.id} match={match} />
-          ))}
+        {open && (
+          <>

+
+  const isNeedBanner = Number(views?.HOME) % frequency === 0
+  const isVideo = checkVideo(media.url)
+  const currentAdsTime = duration - shownTime

+
+import { useAd } from './hooks'
+
+import { EventGA } from '../../types'

+
+  const close = (e: MouseEvent<HTMLButtonElement>) => {
+    e.stopPropagation()
+    return handleClose()

+
+  const close = (e: MouseEvent<HTMLButtonElement>) => {
+    e.stopPropagation()
+    return handleClose()

+              />
+            )}
+        {isVideo
+          ? <Video position={position.id} src={media.url} />

+        {isVideo
+          ? <Video position={position.id} src={media.url} />
+          : (
+            <Img position={position.id} src={media.url} />

+  position: number,
+}
+
+const matchMobileAds = [16, 17, 22, 23, 24]

+    return () => window.removeEventListener('orientationchange', handleOrientationChange)
+  }, [])
+
+  const currentAds = useMemo(() => (

+      {ads
+        && isFirstBlock
+        && (isMobileDevice
+          ? map(ads?.mobile, (ad: AdType) => ad?.position.id === PLAYS_BOTTOM_MOBILE

+              && ads
+              && (
+                <EventsAdsWrapper hasScroll={hasTabPaneScroll}>
+                  {isMobileDevice

+      {ads
+        && (
+          <PlayerAdsWrapper isFullscreen={isFullscreen}>
+            <HeaderAds ads={