fix(#2761): fix play video from videotab and show videotab

src/features/MatchPage/components/LiveMatch/hooks/index.tsx

@@ -72,9 +72,6 @@ export const useLiveMatch = () => {
     onPlaylistSelect,
     resume: resume ?? fromStartIfStreamPaused,
     selectedPlaylist,
-    streamUrl: (
-      profile?.playbackUrl
-      || `${API_ROOT}/video/stream/${sportType}/${matchId}.m3u8`
-    ),
+    streamUrl: `${API_ROOT}/video/stream/${sportType}/${matchId}.m3u8`,
   }
 }

src/features/MatchSidePlaylists/hooks.tsx

@@ -59,8 +59,8 @@ export const useMatchSidePlaylists = () => {
   }, [selectedTab, closePopup])
 
   useEffect(() => {
-    setSelectedTab(Tabs.WATCH)
-  }, [profile])
+    isWatchTabVisible && setSelectedTab(Tabs.WATCH)
+  }, [profile, isWatchTabVisible])
 
   return {
     isEventTabVisible,

src/features/StreamPlayer/hooks/index.tsx

@@ -299,7 +299,9 @@ export const useVideoPlayer = ({
 
   useEffect(() => {
     if ((isLive
-      && chapters[0]?.endOffsetMs === chaptersProps[0]?.endOffsetMs)
+      && chapters[0]?.endOffsetMs === chaptersProps[0]?.endOffsetMs
+      && chapters[0]?.url === chaptersProps[0]?.url
+    )
       || isEmpty(chapters)) return
     setPlayerState({
       ...initialState,