feat: improve mobile home

lib/app/view/master_items.dart

@@ -7,6 +7,7 @@ import '../../common/view/icons.dart';
 import '../../common/view/side_bar_fall_back_image.dart';
 import '../../common/view/theme.dart';
 import '../../constants.dart';
+import '../../home/home_page.dart';
 import '../../l10n/l10n.dart';
 import '../../library/library_model.dart';
 import '../../local_audio/view/album_page.dart';
@@ -22,7 +23,6 @@ import '../../radio/view/station_page.dart';
 import '../../radio/view/station_page_icon.dart';
 import '../../search/view/search_page.dart';
 import '../../settings/view/settings_page.dart';
-import 'home_page.dart';
 import 'main_page_icon.dart';
 
 class MasterItem {

lib/app/view/mobile_navigation_bar.dart

@@ -1,11 +1,9 @@
-import '../../common/data/audio_type.dart';
 import '../../common/view/icons.dart';
 import '../../common/view/theme.dart';
 import '../../common/view/ui_constants.dart';
 import '../../constants.dart';
 import '../../l10n/l10n.dart';
 import '../../library/library_model.dart';
-import 'main_page_icon.dart';
 import 'package:flutter/material.dart';
 import 'package:watch_it/watch_it.dart';
 
@@ -35,41 +33,23 @@ class MobileNavigationBar extends StatelessWidget with WatchItMixin {
             ),
             IconButton(
               isSelected: selectedPageId == kLocalAudioPageId,
-              selectedIcon: const MainPageIcon(
-                selected: true,
-                audioType: AudioType.local,
-              ),
-              icon: const MainPageIcon(
-                selected: false,
-                audioType: AudioType.local,
-              ),
+              selectedIcon: Icon(Iconz.localAudioFilled),
+              icon: Icon(Iconz.localAudio),
               tooltip: l10n.local,
               onPressed: () =>
                   di<LibraryModel>().push(pageId: kLocalAudioPageId),
             ),
             IconButton(
               isSelected: selectedPageId == kRadioPageId,
-              selectedIcon: const MainPageIcon(
-                selected: true,
-                audioType: AudioType.radio,
-              ),
-              icon: const MainPageIcon(
-                selected: false,
-                audioType: AudioType.radio,
-              ),
+              selectedIcon: Icon(Iconz.radioFilled),
+              icon: Icon(Iconz.radio),
               tooltip: l10n.radio,
               onPressed: () => di<LibraryModel>().push(pageId: kRadioPageId),
             ),
             IconButton(
               isSelected: selectedPageId == kPodcastsPageId,
-              selectedIcon: const MainPageIcon(
-                selected: true,
-                audioType: AudioType.podcast,
-              ),
-              icon: const MainPageIcon(
-                selected: false,
-                audioType: AudioType.podcast,
-              ),
+              selectedIcon: Icon(Iconz.podcastFilled),
+              icon: Icon(Iconz.podcast),
               tooltip: l10n.podcasts,
               onPressed: () => di<LibraryModel>().push(pageId: kPodcastsPageId),
             ),

lib/common/view/loading_grid.dart

@@ -35,3 +35,25 @@ class LoadingGrid extends StatelessWidget {
     );
   }
 }
+
+class SliverLoadingGrid extends StatelessWidget {
+  const SliverLoadingGrid({
+    super.key,
+    required this.limit,
+  });
+
+  final int limit;
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverGrid.builder(
+      itemCount: limit,
+      gridDelegate: audioCardGridDelegate,
+      itemBuilder: (context, index) => const AudioCard(
+        color: Colors.transparent,
+        showBorder: false,
+        bottom: AudioCardBottom(),
+      ),
+    );
+  }
+}

lib/common/view/modals.dart

@@ -6,12 +6,21 @@ Future<void> showModal({
   required BuildContext context,
   required Widget content,
   required ModalMode mode,
+  bool isScrollControlled = false,
+  bool enableDrag = true,
+  bool? showDragHandle,
 }) async {
   Widget builder(context) => content;
 
   switch (mode) {
     case ModalMode.bottomSheet:
-      showModalBottomSheet(context: context, builder: builder);
+      showModalBottomSheet(
+        isScrollControlled: isScrollControlled,
+        context: context,
+        builder: builder,
+        enableDrag: enableDrag,
+        showDragHandle: showDragHandle,
+      );
 
     case ModalMode.dialog:
       showDialog(