feat: synchronise audio and video playback

src/screens/Playbacks/components/PlaybackItem.web.js

@@ -19,7 +19,6 @@ import { Feather } from '@expo/vector-icons'
 
 // Debug logging toggle for web playback
 const DEBUG_PLAYBACK_WEB = true
-const PLAYBACK_LYRICS_LEAD_S = 0.18
 
 // NOTE: Web-only implementation that uses a native <video> element instead of expo-video
 // - No Platform checks
@@ -474,11 +473,7 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid, onBackgroundSyn
             <View style={styles.lyricsContainer}>
               <BlurView tint="dark" intensity={20} style={styles.lyricsCard}>
                 {alignedWords?.length > 0 ? (
-                  <KaraokeLyrics
-                    alignedWords={alignedWords}
-                    currentTimeS={currentTimeS}
-                    timeOffsetS={PLAYBACK_LYRICS_LEAD_S}
-                  />
+                  <KaraokeLyrics alignedWords={alignedWords} currentTimeS={currentTimeS} />
                 ) : (
                   <Text style={styles.lyricsText}>{descriptionText}</Text>
                 )}