feat: updates (#1419)

* feat: TrackList 高亮播放中Track & Track 子标题(歌名翻译)

* fix: 不对id为0的歌手应用下划线

* feat: TrackList的Track支持深色模式

* fix: typo

* feat: 专辑页面的subtitle支持深色模式

* fix: typo

* feat: 在TrackList中高亮播放Track里的歌手信息

packages/renderer/src/components/TracksAlbum.tsx

@@ -49,12 +49,14 @@ const Track = memo(
     isLiked = false,
     isSkeleton = false,
     isHighlight = false,
+    subtitle = undefined,
     onClick,
   }: {
     track: Track
     isLiked?: boolean
     isSkeleton?: boolean
     isHighlight?: boolean
+    subtitle?: string
     onClick: (e: React.MouseEvent<HTMLElement>, trackID: number) => void
   }) => {
     if (enableRenderLog)
@@ -113,7 +115,17 @@ const Track = memo(
                   isHighlight ? 'text-brand-500' : 'text-black dark:text-white'
                 )}
               >
-                {track.name}
+                <span>{track.name}</span>
+                {subtitle && (
+                  <span
+                    title={subtitle}
+                    className={classNames(
+                      'ml-1',
+                      isHighlight ? 'text-brand-500/[.8]' : 'text-gray-400'
+                    )}>
+                    ({subtitle})
+                  </span>
+                )}
               </div>
             )}
           </div>
@@ -238,6 +250,7 @@ const TracksAlbum = ({
               isLiked={userLikedSongs?.ids?.includes(track.id) ?? false}
               isSkeleton={false}
               isHighlight={track.id === playingTrack?.id}
+              subtitle={track.tns?.at(0) ?? track.alia?.at(0)}
             />
           ))}
     </div>