fix: remove redundant time label from media controls

- Remove extra time display above buttons (already shown in waveform)
- Simplify transport section structure
- Keep buttons centered for clean UI

web/src/pages/SongPage.tsx

@@ -561,21 +561,12 @@ export function SongPage() {
           <div
             style={{
               display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
-              gap: 8,
+              justifyContent: "center",
+              gap: 10,
               padding: "4px 0 12px",
               flexShrink: 0,
             }}
           >
-            {/* Time display - moved above buttons */}
-            <span style={{ fontFamily: "monospace", fontSize: 12, color: "rgba(255,255,255,0.35)", marginBottom: 4 }}>
-              <span style={{ color: "#d8d8e0" }}>{formatTime(currentTime)}</span>
-              {isReady && duration > 0 ? ` / ${formatTime(duration)}` : ""}
-            </span>
-
-            {/* Button group - centered */}
-            <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
               {/* Skip back */}
               <TransportButton onClick={() => seekTo(Math.max(0, currentTime - 30))} title="−30s">
                 <IconSkipBack />
@@ -609,8 +600,6 @@ export function SongPage() {
               <TransportButton onClick={() => seekTo(currentTime + 30)} title="+30s">
                 <IconSkipFwd />
               </TransportButton>
-            </div>
-
 
           </div>