add cut selection to video editor page

[saebyn]

Closes #61

[Copilot]

Copilot reviewed 6 out of 17 changed files in this pull request and generated no comments.

Files not reviewed (11)

• src/components/molecules/SelectedCutsDialog.tsx: Evaluated as low risk
• src/components/molecules/TimelineElement.tsx: Evaluated as low risk
• src/components/atoms/Button.tsx: Evaluated as low risk
• src/components/molecules/ClipSelectionDialog.stories.tsx: Evaluated as low risk
• src/utils/timeline.ts: Evaluated as low risk
• src/components/atoms/VideoPlayerControls.tsx: Evaluated as low risk
• src/components/pages/VideoSelectionPage.stories.tsx: Evaluated as low risk
• src/components/organisms/Timeline.tsx: Evaluated as low risk
• src/components/atoms/TimeSegmentMarker.tsx: Evaluated as low risk
• src/components/atoms/IconButton.tsx: Evaluated as low risk
• src/components/molecules/VideoPlayer.tsx: Evaluated as low risk

Comments suppressed due to low confidence (4)

src/components/molecules/ClipSelectionDialog.tsx:49

• [nitpick] Consider using a TypeScript enum for the direction parameter to improve type safety and readability.

const handleReorder = (index: number, direction: "up" | "down") => {

src/components/molecules/TimeTable.tsx:81

• [nitpick] The class names used in the Button component should be consistent and follow the project's naming conventions.

<Button className="mx-2 rounded text-white bg-green-500 dark:bg-green-600 dark:text-white">

src/components/molecules/TimeTable.tsx:88

• [nitpick] The class names used in the Button component should be consistent and follow the project's naming conventions.

<Button className="mx-2 rounded bg-blue-500 text-white dark:!bg-blue-600 dark:text-white" onClick={() => onClip?.(row)}>

src/components/molecules/TimeTable.tsx:95

• [nitpick] The class names used in the Button component should be consistent and follow the project's naming conventions.

<Button className="rounded bg-red-500 text-white dark:bg-red-600 dark:text-white">