style(#in162): watch tab scroll padding fixed

src/features/MatchSidePlaylists/index.tsx

@@ -78,7 +78,7 @@ export const MatchSidePlaylists = ({
   }, [
     playlists,
     selectedTab,
-    tabPaneContainerRef,
+    tabPaneContainerRef.current?.clientHeight,
   ])
 
   useEventListener({

src/features/MatchSidePlaylists/styled.tsx

@@ -36,10 +36,11 @@ type TContainer = {
 export const Container = styled.div<TContainer>`
   width: 320px;
   margin-top: 14px;
-  padding: ${({ hasScroll }) => (hasScroll ? '0 10px 0 14px' : '0 18px 0 14px')};
   max-height: calc(100vh - 130px);
   overflow-y: ${({ forVideoTab }) => (forVideoTab ? 'hidden' : 'auto')};
   padding-right: ${({ forVideoTab }) => (forVideoTab ? '0' : '')};
+  padding-left: 14px;
+  padding-right: ${({ hasScroll }) => (hasScroll ? '10px' : '')};
 
   ${customScrollbar}