Display lyrics on UI if synced lyrics present in metadata (#1406)

Signed-off-by: Chirag Lulla <lullachirag239@gmail.com>

ui/src/audioplayer/Player.js

@@ -56,6 +56,7 @@ const Player = () => {
       clearPriorAudioLists: false,
       showDestroy: true,
       showDownload: false,
+      showLyric: true,
       showReload: false,
       toggleMode: !isDesktop,
       glassBg: false,

ui/src/reducers/playerReducer.js

@@ -23,11 +23,15 @@ const initialState = {
 const mapToAudioLists = (item) => {
   // If item comes from a playlist, trackId is mediaFileId
   const trackId = item.mediaFileId || item.id
+  const { lyrics } = item
+  const timestampRegex =
+    /(\[([0-9]{1,2}:)?([0-9]{1,2}:)([0-9]{1,2})(\.[0-9]{1,2})?\])/g
   return {
     trackId,
     uuid: uuidv4(),
     song: item,
     name: item.title,
+    lyric: timestampRegex.test(lyrics) ? lyrics : '',
     singer: item.artist,
     duration: item.duration,
     musicSrc: subsonic.streamUrl(trackId),