fix(#2818): fix z-index for popup

src/features/MatchPage/components/FavouriteTeam/styled.tsx

@@ -8,13 +8,13 @@ import { customScrollbar, ButtonSolid } from 'features/Common'
 import { HeaderTitle } from 'features/PreferencesPopup/styled'
 
 export const ScModalContainer = styled(BaseModal)`
+  z-index: 100;
   ${ModalWindow} {
     width: 1446px;
     height: 670px;
     padding: 0;
     background: #333333;
     border-radius: 5px;
-    z-index: 100;
     ${customScrollbar}
     
     ${isMobileDevice
@@ -67,8 +67,7 @@ export const ScGroups = styled.div`
 
   ${isMobileDevice
     ? css`
-            margin: 0;
-            margin-top: 20px;
+            margin: 20px 0 0 0;
             width: auto;  
             overflow-y: auto;
           `

src/features/MatchSidePlaylists/components/TabVideo/index.tsx

@@ -72,7 +72,7 @@ export const TabVideo = ({
       />
       <MatchesWrapper>
         {
-          map(sortBy(matches, ['!live', 'date']), (match) => (
+          map(sortBy(matches, ({ live }) => !live), (match) => (
             <MatchCard
               key={match.id}
               match={match}