fix(backlog): stop other backlog audio and game vocal on click

Backlog 界面点击语音按钮时只调用 play()，未暂停其他
正在播放的 backlog 音频元素，导致多条语音同时播放。
同时未暂停游戏内正在播放的 currentVocal 语音，
点击 backlog 语音时与游戏内语音混合。

通过 querySelectorAll 匹配所有 backlog audio 元素，
在播放新语音前暂停并重置其他元素；同时暂停并重置
currentVocal 元素以避免与 backlog 语音混合。

Closes #866

Author: CCreative-Od1L

packages/webgal/src/UI/Backlog/Backlog.tsx

@@ -127,10 +127,24 @@ export const Backlog = () => {
                 <div
                   onClick={() => {
                     playSeClick();
+                    // 暂停其他所有正在播放的 backlog 语音，避免多条音频混合
+                    const currentAudioId = 'backlog_audio_play_element_' + indexOfBacklog;
+                    document
+                      .querySelectorAll('[id^="backlog_audio_play_element_"]')
+                      .forEach((audio: any) => {
+                        if (audio.id !== currentAudioId) {
+                          audio.pause();
+                          audio.currentTime = 0;
+                        }
+                      });
+                    // 暂停游戏内正在播放的语音，避免与 backlog 语音混合
+                    const currentVocal = document.getElementById('currentVocal') as HTMLAudioElement | null;
+                    if (currentVocal) {
+                      currentVocal.pause();
+                      currentVocal.currentTime = 0;
+                    }
                     // 获取到播放 backlog 语音的元素
-                    const backlog_audio_element: any = document.getElementById(
-                      'backlog_audio_play_element_' + indexOfBacklog,
-                    );
+                    const backlog_audio_element: any = document.getElementById(currentAudioId);
                     if (backlog_audio_element) {
                       backlog_audio_element.currentTime = 0;
                       const userDataStore = webgalStore.getState().userData;