[Good First Issue] Format trim times as MM:SS instead of raw seconds

[magic-peach]

Overview

The trim control shows time in raw seconds (e.g., 65.5). Displaying as 01:05.5 (MM:SS.d) is much more user-friendly.

Task

In src/components/TrimControl.tsx, add a helper function:

function formatTime(seconds: number): string {
  const m = Math.floor(seconds / 60)
  const s = (seconds % 60).toFixed(1)
  return `${String(m).padStart(2, '0')}:${String(s).padStart(4, '0')}`
}

Use this to display the duration and current trim values.

Acceptance Criteria

• Duration shown as MM:SS format
• Trim input labels show formatted time
• Inputs still accept numeric seconds for editing

Good first issue — estimated effort: 30 minutes

[nazneen-p1]

Hi @magic-peach

I would like to work on this issue under GSSoC'26.

I can implement the formatTime helper to display time in a user-friendly MM:SS.d format and integrate it into TrimControl.tsx for both duration and trim values.

I will ensure that the UI displays formatted time correctly while keeping the inputs functional with numeric seconds for editing.

Please assign this issue to me. Thank you!