fix(#219): fixed play pause button bug

fix(#219): fixed play btn clickable area

src/features/StreamPlayer/styled.tsx

@@ -128,8 +128,7 @@ export const LoaderWrapper = styled.div<LoaderWrapperProps>`
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
-  transition: opacity 0.3s ease-in-out;
+  display: ${({ buffering }) => (buffering ? 'block' : 'none')};
-  opacity: ${({ buffering }) => (buffering ? 1 : 0)};
 `
 
 export const ButtonBase = styled.button`
@@ -164,7 +163,7 @@ export const PlayStop = styled(ButtonBase)<PlayStopProps>`
   )};
   ${({ size = 'sm' }) => (
     css`
-        width: ${sizes[size]}px;
+        width: 100%;
         height: ${sizes[size]}px;
       `
   )};
@@ -233,7 +232,7 @@ export const Backward = styled(ButtonBase)<ButtonProps>`
   font-weight: normal;
   ${({ size = 'sm' }) => (
     css`
-        width: ${rewindButtonSizes.sides[size]}px;
+        min-width: ${rewindButtonSizes.sides[size]}px;
         height: ${rewindButtonSizes.sides[size]}px;
         font-size: ${rewindButtonSizes.fontSizes[size]}px;
       `