refactor

src/HelpSheet.jsx

@@ -2,7 +2,7 @@ import React, { memo } from 'react';
 import { FaClipboard, FaHandPointRight, FaHandPointLeft, FaStepBackward, FaStepForward } from 'react-icons/fa';
 import { useTranslation, Trans } from 'react-i18next';
 
-import SetCutpointButton from './SetCutpointButton';
+import SetCutpointButton from './components/SetCutpointButton';
 import { toast } from './util';
 import { primaryTextColor } from './colors';
 import Sheet from './Sheet';

src/TimelineControls.jsx

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 
 import { getSegColors, parseDuration, formatDuration } from './util';
 import { primaryTextColor } from './colors';
-import SetCutpointButton from './SetCutpointButton';
+import SetCutpointButton from './components/SetCutpointButton';
 
 const TimelineControls = memo(({
   seekAbs, currentSegIndexSafe, cutSegments, currentCutSeg, setCutStart, setCutEnd,

src/components/SetCutpointButton.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { getSegColors } from './util';
+import { getSegColors } from '../util';
 
 const SetCutpointButton = ({ currentCutSeg, side, Icon, onClick, title, style }) => {
   const {