feat: Implement playlist selection screen with dynamic loading, error handling, and interactive playlist cards.

lib/features/iptv/screens/playlist_selection_screen.dart

@@ -21,6 +21,7 @@ class PlaylistSelectionScreen extends ConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     final currentUser = ref.watch(authProvider).currentUser;
     final playlistsAsync = ref.watch(playlistsProvider);
+    final scrollController = ScrollController();
 
     return Scaffold(
       extendBodyBehindAppBar: true,
@@ -37,8 +38,8 @@ class PlaylistSelectionScreen extends ConsumerWidget {
         actions: [
           if (currentUser?.isAdmin ?? false)
             IconButton(
-              icon:
+              icon: const Icon(Icons.admin_panel_settings,
-                  const Icon(Icons.admin_panel_settings, color: AppColors.textSecondary),
+                  color: AppColors.textSecondary),
               onPressed: () => context.go('/admin'),
               tooltip: 'Admin Panel',
             ),
@@ -109,8 +110,9 @@ class PlaylistSelectionScreen extends ConsumerWidget {
               ),
             ),
           ),
-          // Content
+          // Content - Explicitly filled to provide bounded constraints
-          playlistsAsync.when(
+          Positioned.fill(
+            child: playlistsAsync.when(
               loading: () => const Center(
                 child: CircularProgressIndicator(color: AppColors.primary),
               ),
@@ -174,13 +176,16 @@ class PlaylistSelectionScreen extends ConsumerWidget {
                   );
                 }
 
+                // GridView needs a controller in some Flutter Web environments
+                // to avoid NaN scroll offset issues during initial layout
                 return GridView.builder(
+                  controller: scrollController,
                   padding: const EdgeInsets.fromLTRB(
                     48,
-                  100,
+                    120, // Increased top padding for AppBar
                     48,
                     48,
-                ), // More padding for cinematic feel
+                  ),
                   gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                     crossAxisCount:
                         MediaQuery.of(context).size.width > 1200 ? 4 : 3,
@@ -194,10 +199,8 @@ class PlaylistSelectionScreen extends ConsumerWidget {
                     return _PlaylistCard(
                       playlist: playlist,
                       onTap: () {
-                      // Update current selected playlist provider first
                         ref.read(selectedPlaylistProvider.notifier).state =
                             playlist;
-                      // Then navigate to dashboard
                         context.go('/dashboard');
                       },
                     );
@@ -205,6 +208,7 @@ class PlaylistSelectionScreen extends ConsumerWidget {
                 );
               },
             ),
+          ),
         ],
       ),
     );