chore: add song link text in player view shortcut

lib/components/player/player.dart

@@ -138,12 +138,17 @@ class PlayerView extends HookConsumerWidget {
                       onPressed: panelController.close,
                     ),
                     actions: [
-                      IconButton(
-                        icon: Assets.logos.songlink.image(
+                      TextButton.icon(
+                        icon: Assets.logos.songlinkTransparent.image(
                           width: 20,
                           height: 20,
+                          color: bodyTextColor,
+                        ),
+                        label: Text(context.l10n.song_link),
+                        style: TextButton.styleFrom(
+                          foregroundColor: bodyTextColor,
+                          padding: EdgeInsets.zero,
                         ),
-                        tooltip: context.l10n.song_link,
                         onPressed: currentTrack == null
                             ? null
                             : () {
@@ -157,7 +162,8 @@ class PlayerView extends HookConsumerWidget {
                         icon: const Icon(SpotubeIcons.info, size: 18),
                         tooltip: context.l10n.details,
                         style: IconButton.styleFrom(
-                            foregroundColor: bodyTextColor),
+                          foregroundColor: bodyTextColor,
+                        ),
                         onPressed: currentTrack == null
                             ? null
                             : () {

lib/pages/album/album.dart

@@ -47,6 +47,7 @@ class AlbumPage extends HookConsumerWidget {
       image: TypeConversionUtils.image_X_UrlString(
         album.images,
         placeholder: ImagePlaceholder.albumArt,
+        index: 0,
       ),
       title: album.name!,
       description:

lib/pages/home/genres/genre_playlists.dart

@@ -18,8 +18,7 @@ import 'package:flutter_desktop_tools/flutter_desktop_tools.dart';
 
 class GenrePlaylistsPage extends HookConsumerWidget {
   final Category category;
-  const GenrePlaylistsPage({Key? key, required this.category})
-      : super(key: key);
+  const GenrePlaylistsPage({super.key, required this.category});
 
   @override
   Widget build(BuildContext context, ref) {
@@ -51,35 +50,29 @@ class GenrePlaylistsPage extends HookConsumerWidget {
             )
           : null,
       extendBodyBehindAppBar: true,
-      body: CustomScrollView(
+      body: DecoratedBox(
+        decoration: BoxDecoration(
+          image: DecorationImage(
+            image: UniversalImage.imageProvider(category.icons!.first.url!),
+            alignment: Alignment.topCenter,
+            fit: BoxFit.cover,
+            colorFilter: ColorFilter.mode(
+              Colors.black.withOpacity(0.5),
+              BlendMode.darken,
+            ),
+            repeat: ImageRepeat.noRepeat,
+            matchTextDirection: true,
+          ),
+        ),
+        child: CustomScrollView(
           controller: scrollController,
           slivers: [
             SliverAppBar(
               automaticallyImplyLeading: DesktopTools.platform.isMobile,
               expandedHeight: mediaQuery.mdAndDown ? 200 : 150,
-            pinned: true,
-            floating: false,
               title: const Text(""),
-            backgroundColor: Colors.brown.withOpacity(0.7),
+              backgroundColor: Colors.transparent,
               flexibleSpace: FlexibleSpaceBar(
-              stretchModes: const [
-                StretchMode.zoomBackground,
-                StretchMode.blurBackground,
-              ],
-              background: DecoratedBox(
-                decoration: BoxDecoration(
-                  image: DecorationImage(
-                    image: UniversalImage.imageProvider(
-                      category.icons!.first.url!,
-                    ),
-                    fit: BoxFit.cover,
-                  ),
-                ),
-                child: BackdropFilter(
-                  filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
-                  child: const ColoredBox(color: Colors.transparent),
-                ),
-              ),
                 centerTitle: DesktopTools.platform.isDesktop,
                 title: Text(
                   category.name!,
@@ -169,6 +162,7 @@ class GenrePlaylistsPage extends HookConsumerWidget {
             const SliverGap(20),
           ],
         ),
+      ),
     );
   }
 }

lib/pages/home/genres/genres.dart

@@ -15,7 +15,7 @@ import 'package:spotube/provider/user_preferences/user_preferences_provider.dart
 import 'package:spotube/services/queries/queries.dart';
 
 class GenrePage extends HookConsumerWidget {
-  const GenrePage({Key? key}) : super(key: key);
+  const GenrePage({super.key});
 
   @override
   Widget build(BuildContext context, ref) {