fix: viewer list error message

lib/components/drawer/end_drawer.dart

@@ -8,50 +8,70 @@ import 'package:rtchat/models/channels.dart';
 class EndDrawerWidget extends StatefulWidget {
   final Channel channel;
 
-  const EndDrawerWidget({required this.channel, super.key});
+  final Function(String) onError;
+
+  const EndDrawerWidget(
+      {required this.channel, super.key, required this.onError});
 
   @override
   State<EndDrawerWidget> createState() => EndDrawerWidgetState();
 }
 
 class EndDrawerWidgetState extends State<EndDrawerWidget> {
   String _search = "";
+  Viewers? _viewers;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadViewers();
+  }
+
+  void _loadViewers() async {
+    try {
+      final viewers = await ChatStateAdapter.instance
+          .getViewers(channelId: widget.channel.toString());
+      if (!mounted) return;
+      setState(() => _viewers = viewers);
+    } catch (e) {
+      widget.onError(e.toString());
+    }
+  }
 
   @override
   Widget build(BuildContext context) {
+    // Check if viewers data is available and build UI accordingly
+    if (_viewers == null) {
+      // Show loading or empty state
+      return const CircularProgressIndicator();
+    }
+
+    final filtered = _viewers!.query(_search);
+
     return Container(
-      color: Theme.of(context).canvasColor,
-      child: FutureBuilder<Viewers>(
-        future: ChatStateAdapter.instance
-            .getViewers(channelId: widget.channel.toString()),
-        builder: (context, snapshot) {
-          final viewers = snapshot.data;
-          if (viewers == null) {
-            return const Center(child: CircularProgressIndicator());
-          }
-          final filtered = viewers.query(_search);
-          return SafeArea(
+        color: Theme.of(context).canvasColor,
+        child: SafeArea(
             top: false,
             child: CustomScrollView(
               slivers: [
                 SliverPadding(
                   padding: const EdgeInsets.only(top: 24),
                   sliver: SliverAppBar(
-                      actions: const [SizedBox()],
-                      //disable the drawer icon that appears on the right of the app bar
-                      centerTitle: false,
-                      title: Padding(
-                        padding: const EdgeInsets.only(left: 16),
-                        child: Text(
-                          AppLocalizations.of(context)!.searchViewers,
-                          style: Theme.of(context)
-                              .textTheme
-                              .headlineSmall
-                              ?.copyWith(fontWeight: FontWeight.bold),
-                        ),
+                    actions: const [SizedBox()],
+                    centerTitle: false,
+                    title: Padding(
+                      padding: const EdgeInsets.only(left: 16),
+                      child: Text(
+                        AppLocalizations.of(context)!.searchViewers,
+                        style: Theme.of(context)
+                            .textTheme
+                            .headlineSmall
+                            ?.copyWith(fontWeight: FontWeight.bold),
                       ),
-                      backgroundColor: Colors.transparent,
-                      automaticallyImplyLeading: false),
+                    ),
+                    backgroundColor: Colors.transparent,
+                    automaticallyImplyLeading: false,
+                  ),
                 ),
                 SliverSearchBarWidget(
                   onFilterBySearchBarText: (value) =>
@@ -126,10 +146,6 @@ class EndDrawerWidgetState extends State<EndDrawerWidget> {
                   ),
                 ],
               ],
-            ),
-          );
-        },
-      ),
-    );
+            )));
   }
 }

lib/screens/home.dart

@@ -171,7 +171,7 @@
         return;
       }
       if (context.mounted) {
         model.showAudioPermissionDialog(context);
       }
     });
   }
@@ -193,7 +193,15 @@
             key: _scaffoldKey,
             drawer: Sidebar(channel: widget.channel),
             endDrawer: userModel.isSignedIn()
-                ? EndDrawerWidget(channel: widget.channel)
+                ? EndDrawerWidget(
+                    channel: widget.channel,
+                    onError: (errorMessage) {
+                      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+                        content: Text('Error: $errorMessage'),
+                        duration: const Duration(seconds: 5),
+                      ));
+                    },
+                  )
                 : null,
             drawerEdgeDragWidth: MediaQuery.of(context).size.width * 0.6,
             onDrawerChanged: (isOpened) =>