Ott 924 time pleer (#332)

* fix(ott-924): display time of match in hover status

* fix(ott-924): refactoring css

* refactor(ott-924): delete opacity

* refactor(ott-924): refactoring

* refactor(ott-924): refactoring

src/features/StreamPlayer/components/ProgressBar/styled.tsx

@@ -1,5 +1,7 @@
 import styled from 'styled-components/macro'
 
+import { Wrapper } from '../TimeTooltip/styled'
+
 export const ProgressBarList = styled.div`
   flex-grow: 1;
   height: 4px;
@@ -34,4 +36,8 @@ export const Scrubber = styled.button`
   background-color: #F2C94C;
   border-radius: 50%;
   cursor: pointer;
+  
+  :hover ${Wrapper} {
+    visibility: visible;
+  }
 `

src/features/StreamPlayer/components/TimeTooltip/styled.tsx

@@ -1,6 +1,7 @@
 import styled from 'styled-components/macro'
 
 export const Wrapper = styled.div`
+  visibility: hidden;
   position: absolute;
   bottom: 100%;
   transform: translate(-50%, -50%);
@@ -10,7 +11,7 @@ export const Wrapper = styled.div`
   background-color: #000;
   min-width: 60px;
   height: 32px;
-
+  
   ::after {
     content: '';
     position: absolute;