fix: do not display the handles (left/right) on preview mode

frontend-tools/video-editor/client/src/components/TimelineControls.tsx

@@ -1827,6 +1827,7 @@ const TimelineControls = ({
           </div>
 
           {/* Resize handles with both mouse and touch support */}
+          {isPlayingSegments ? null : <>
             <div
             className="clip-segment-handle left"
             title="Resize segment start"
@@ -1851,6 +1852,7 @@ const TimelineControls = ({
               handleSegmentResize(segment.id, false)(e);
             }}
           ></div>
+          </>}
         </div>
       );
     });
@@ -2373,6 +2375,7 @@ const TimelineControls = ({
             </div>
 
             {/* Bottom circle for dragging */}
+            {isPlayingSegments ? null : (
             <div
               className={`timeline-marker-drag ${isDragging ? 'dragging' : ''}`}
               onMouseDown={startDrag}
@@ -2380,6 +2383,7 @@ const TimelineControls = ({
             >
               <span className="timeline-marker-drag-icon">⋮</span>
             </div>
+            )}
           </div>
 
           {/* Trim Line Markers - hidden when segments exist */}