💄 Shows friends overview on mobile as well

lib/screens/explore.dart

@@ -542,6 +542,11 @@ class ExploreScreen extends HookConsumerWidget {
                   child: PostFeaturedList(),
                 ),
               ),
+              SliverToBoxAdapter(
+                child: FriendsOverviewWidget(
+                  padding: const EdgeInsets.only(bottom: 8),
+                ),
+              ),
               if (notificationCount.value != null &&
                   notificationCount.value! > 0)
                 SliverToBoxAdapter(

lib/widgets/account/friends_overview.dart

@@ -24,7 +24,14 @@ Future<List<SnFriendOverviewItem>> friendsOverview(Ref ref) async {
 }
 
 class FriendsOverviewWidget extends HookConsumerWidget {
-  const FriendsOverviewWidget({super.key});
+  final bool hideWhenEmpty;
+  final EdgeInsetsGeometry? padding;
+
+  const FriendsOverviewWidget({
+    super.key,
+    this.hideWhenEmpty = false,
+    this.padding,
+  });
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
@@ -45,11 +52,11 @@ class FriendsOverviewWidget extends HookConsumerWidget {
         final onlineFriends =
             friends.where((friend) => friend.status.isOnline).toList();
 
-        if (onlineFriends.isEmpty) {
+        if (onlineFriends.isEmpty && hideWhenEmpty) {
-          return const SizedBox.shrink(); // Hide if no online friends
+          return const SizedBox.shrink();
         }
 
-        return Card(
+        final card = Card(
           margin: EdgeInsets.zero,
           child: Column(
             children: [
@@ -57,6 +64,18 @@ class FriendsOverviewWidget extends HookConsumerWidget {
                 spacing: 8,
                 children: [const Icon(Symbols.group), Text('Friends Online')],
               ).padding(horizontal: 16).height(48),
+              if (onlineFriends.isEmpty)
+                Container(
+                  height: 80,
+                  padding: const EdgeInsets.symmetric(horizontal: 16),
+                  child: const Center(
+                    child: Text(
+                      'No friends online',
+                      style: TextStyle(fontSize: 14, color: Colors.grey),
+                    ),
+                  ),
+                )
+              else
                 SizedBox(
                   height: 80,
                   child: ListView.builder(
@@ -75,6 +94,12 @@ class FriendsOverviewWidget extends HookConsumerWidget {
             ],
           ),
         );
+
+        Widget result = card;
+        if (padding != null) {
+          result = Padding(padding: padding!, child: result);
+        }
+        return result;
       },
       loading:
           () => const SizedBox(