trim duration on playbar

packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx

@@ -85,7 +85,12 @@ export default function VideoQuickTrim({
         </div>
       </div>
       <div className="playbar">
-        <div className="trimzone" />
+        <div className="trimzone" style={{width: (
+          videoRef.current ? 
+            (trimDuration / videoRef.current.duration * 100) 
+            : 0
+          ) + "%"}}
+        />
         <div className="playcursor" style={{left: currentTimePortion+"%"}}/>
       </div>
       <div className="d-flex w-100 justify-content-center">

packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss

@@ -30,7 +30,6 @@
   .trimzone{
     position: absolute;
     top:0;
-    width: 30px;
     height: 2rem;
     background-color: #e66462;
     opacity: 0.8;