optimize library headers (#1374)

src/renderer/features/albums/components/album-detail-content.tsx

@@ -368,8 +368,10 @@ export const AlbumDetailContent = () => {
         <div className={styles.contentContainer} ref={ref}>
             <div className={styles.detailContainer}>
                 {comment && (
-                    <Spoiler hideLabel={true} maxHeight={32} showLabel={true}>
-                        {replaceURLWithHTMLLinks(comment)}
+                    <Spoiler maxHeight={75}>
+                        <Text
+                            dangerouslySetInnerHTML={{ __html: replaceURLWithHTMLLinks(comment) }}
+                        />
                     </Spoiler>
                 )}
                 <div className={styles.contentLayout}>

src/renderer/features/albums/components/album-detail-header.tsx

@@ -89,7 +89,7 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
                 item={{ route: AppRoute.LIBRARY_ALBUMS, type: LibraryItem.ALBUM }}
                 title={detailQuery?.data?.name || ''}
             >
-                <Stack gap="xl" w="100%">
+                <Stack gap="md" w="100%">
                     {(firstAlbumArtist || releaseYear) && (
                         <Group className={styles.metadataGroup}>
                             {firstAlbumArtist && (
@@ -121,7 +121,7 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
                         favorite={detailQuery?.data?.userFavorite}
                         onFavorite={handleFavorite}
                         onMore={handleMoreOptions}
-                        onPlay={() => handlePlay(Play.NOW)}
+                        onPlay={(type) => handlePlay(type)}
                         onRating={handleUpdateRating}
                         onShuffle={() => handlePlay(Play.SHUFFLE)}
                         rating={detailQuery?.data?.userRating || 0}