feat: use better icons for different sections (#775)

Author: elias001011

lib/screens/library_page.dart

@@ -205,12 +205,13 @@ class _LibraryPageState extends State<LibraryPage> {
           context.l10n!.offlineSongs,
           onPressed: () =>
               NavigationManager.router.go('/library/userSongs/offline'),
-          cubeIcon: FluentIcons.cellular_off_24_filled,
+          cubeIcon: FluentIcons.cloud_off_24_filled,
           borderRadius: offlineMode.value
               ? commonCustomBarRadius
               : commonCustomBarRadiusLast,
           showBuildActions: false,
         ),
+        
 
         _buildOfflinePlaylistsSection(),
 

lib/screens/settings_page.dart

@@ -177,7 +177,7 @@ class SettingsPage extends StatelessWidget {
           builder: (_, value, __) {
             return CustomBar(
               context.l10n!.offlineMode,
-              FluentIcons.cellular_off_24_regular,
+              FluentIcons.cloud_off_24_filled,
               description: context.l10n!.offlineModeDescription,
               trailing: Switch(
                 value: value,

lib/screens/user_songs_page.dart

@@ -149,7 +149,7 @@ class _UserSongsPageState extends State<UserSongsPage> {
   IconData getIcon(String page) {
     return switch (page) {
       'liked' => FluentIcons.heart_24_regular,
-      'offline' => FluentIcons.cellular_off_24_regular,
+      'offline' => FluentIcons.cloud_off_24_regular,
       'recents' => FluentIcons.history_24_regular,
       _ => FluentIcons.heart_24_regular,
     };

lib/widgets/now_playing/bottom_actions_row.dart

@@ -66,8 +66,8 @@ class BottomActionsRow extends StatelessWidget {
         final actions = <Widget>[
           _buildActionButton(
             context: context,
-            icon: FluentIcons.cellular_data_1_24_regular,
-            activeIcon: FluentIcons.cellular_off_24_regular,
+            icon: FluentIcons.cloud_arrow_down_24_regular,
+            activeIcon: FluentIcons.cloud_off_24_filled,
             colorScheme: colorScheme,
             size: responsiveIconSize,
             statusNotifier: songOfflineStatus,
@@ -82,7 +82,7 @@ class BottomActionsRow extends StatelessWidget {
           actions.add(
             _buildSimpleActionButton(
               context: context,
-              icon: FluentIcons.add_24_regular,
+              icon: FluentIcons.album_add_24_regular,
               colorScheme: colorScheme,
               size: responsiveIconSize,
               onPressed: () =>

lib/widgets/song_bar.dart

@@ -422,7 +422,7 @@ class _SongBarState extends State<SongBar> {
           value: 'add_to_queue',
           child: Row(
             children: [
-              Icon(FluentIcons.add_24_regular, color: colorScheme.primary),
+              Icon(FluentIcons.text_bullet_list_add_24_regular, color: colorScheme.primary),
               const SizedBox(width: 8),
               Text(
                 addToQueueText,
@@ -481,7 +481,7 @@ class _SongBarState extends State<SongBar> {
         value: 'add_to_playlist',
         child: Row(
           children: [
-            Icon(FluentIcons.add_24_regular, color: colorScheme.primary),
+            Icon(FluentIcons.album_add_24_regular, color: colorScheme.primary),
             const SizedBox(width: 8),
             Text(
               addToPlaylistText,
@@ -513,8 +513,8 @@ class _SongBarState extends State<SongBar> {
               children: [
                 Icon(
                   value
-                      ? FluentIcons.cellular_off_24_regular
-                      : FluentIcons.cellular_data_1_24_regular,
+                      ? FluentIcons.cloud_off_24_filled
+                      : FluentIcons.cloud_arrow_down_24_regular,
                   color: colorScheme.primary,
                 ),
                 const SizedBox(width: 8),
@@ -644,7 +644,7 @@ class _OfflineArtwork extends StatelessWidget {
                   borderRadius: BorderRadius.circular(10),
                 ),
                 child: Icon(
-                  FluentIcons.cellular_off_24_filled,
+                  FluentIcons.cloud_off_24_filled,
                   size: 12,
                   color: colorScheme.onSecondaryContainer,
                 ),
@@ -719,7 +719,7 @@ class _OnlineArtwork extends StatelessWidget {
                           borderRadius: BorderRadius.circular(10),
                         ),
                         child: Icon(
-                          FluentIcons.cellular_off_24_filled,
+                          FluentIcons.cloud_off_24_filled,
                           size: 12,
                           color: colorScheme.onSecondaryContainer,
                         ),
@@ -782,7 +782,7 @@ void showAddToPlaylistDialog(BuildContext context, dynamic song) {
     context: context,
     builder: (BuildContext context) {
       return AlertDialog(
-        icon: const Icon(FluentIcons.text_bullet_list_add_24_filled),
+        icon: const Icon(FluentIcons.album_add_24_filled),
         title: Text(context.l10n!.addToPlaylist),
         content: Container(
           width: double.maxFinite,