fix(#2776): sort videotab in matchpage

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

@@ -6,6 +6,7 @@ import {
 
 import { format } from 'date-fns'
 import map from 'lodash/map'
+import sortBy from 'lodash/sortBy'
 
 import { MatchCard } from 'features/MatchCard'
 import { TournamentData } from 'features/MatchPage/types'
@@ -60,7 +61,6 @@ export const TabVideo = ({
 
     return !someProfileMatch
   }, [tournamentData, profileId, profileDate])
-
   return (
     <Fragment>
       <VideoDate
@@ -72,7 +72,7 @@ export const TabVideo = ({
       />
       <MatchesWrapper>
         {
-          map(matches, (match) => (
+          map(sortBy(matches, ['!live', 'date']), (match) => (
             <MatchCard
               key={match.id}
               match={match}

src/features/MatchSidePlaylists/hooks.tsx

@@ -17,7 +17,6 @@ export const useMatchSidePlaylists = () => {
     tournamentData,
   } = useMatchPageStore()
   const [selectedTab, setSelectedTab] = useState<Tabs>(Tabs.WATCH)
-
   const isWatchTabVisible = useMemo(() => {
     const playListFilter = reduce(
       playlists.match,