Fix audio player state

Author: just-be-dev

src/components/TUIAudioPlayer.astro

@@ -90,13 +90,20 @@ const { audioPath, playerId } = Astro.props;
   playPauseBtn.addEventListener('click', () => {
     if (audio.paused) {
       audio.play();
-      playPauseBtn.textContent = '■';
     } else {
       audio.pause();
-      playPauseBtn.textContent = '►';
     }
   });
 
+  // Update button state based on audio play/pause events
+  audio.addEventListener('play', () => {
+    playPauseBtn.textContent = '■';
+  });
+
+  audio.addEventListener('pause', () => {
+    playPauseBtn.textContent = '►';
+  });
+
   // Update time display
   audio.addEventListener('timeupdate', updateProgress);
   audio.addEventListener('loadedmetadata', updateTotalTime);