Backport pull request #7461 from jellyfin-web/release-10.11.z

Fix alignment of music lyrics containing RTL or bidi text

Original-merge: c46637f58d64c1fee9fd2364c98060e7e6c66a2a

Merged-by: thornbill <thornbill@users.noreply.github.com>

Backported-by: thornbill <thornbill@users.noreply.github.com>

src/controllers/lyrics.js

@@ -32,7 +32,7 @@ function lyricHtmlReducer(htmlAccumulator, lyric, index) {
     const lyricTime = typeof lyric.Start !== 'undefined' ? `data-lyrictime="${lyric.Start}"` : '';
 
     htmlAccumulator += `<${elem} class="lyricsLine ${classes.join(' ')}" id="lyricPosition${index}" ${lyricTime}>
-    <bdi>${escapeHtml(lyric.Text)}</bdi>
+    ${escapeHtml(lyric.Text)}
 </${elem}>`;
 
     return htmlAccumulator;