chore: redesign start first chat

lib/l10n/intl_en.arb

@@ -1609,7 +1609,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "startYourFirstChat": "Start your first chat :-)",
+  "startYourFirstChat": "Start your first chat right now! 🙂\n- Tap on "+"\n- Enter the username of a friend\n- Have fun chatting",
   "@startYourFirstChat": {
     "type": "text",
     "placeholders": {}

lib/views/chat_list.dart

@@ -283,23 +283,27 @@ class _ChatListState extends State<ChatList> {
                                           searchController.text.toLowerCase() ??
                                               '')));
                               if (rooms.isEmpty && (!searchMode)) {
-                                return Center(
+                                return Column(
-                                  child: Column(
+                                  mainAxisAlignment: MainAxisAlignment.center,
-                                    mainAxisSize: MainAxisSize.min,
+                                  mainAxisSize: MainAxisSize.min,
-                                    children: <Widget>[
+                                  children: <Widget>[
-                                      Icon(
+                                    Icon(
-                                        searchMode
+                                      searchMode
-                                            ? Icons.search_outlined
+                                          ? Icons.search_outlined
-                                            : Icons.chat_bubble_outline,
+                                          : Icons.maps_ugc_outlined,
-                                        size: 80,
+                                      size: 80,
+                                      color: Colors.grey,
+                                    ),
+                                    Text(
+                                      searchMode
+                                          ? L10n.of(context).noRoomsFound
+                                          : L10n.of(context).startYourFirstChat,
+                                      style: TextStyle(
                                         color: Colors.grey,
+                                        fontSize: 16,
                                       ),
-                                      Text(searchMode
+                                    ),
-                                          ? L10n.of(context).noRoomsFound
+                                  ],
-                                          : L10n.of(context)
-                                              .startYourFirstChat),
-                                    ],
-                                  ),
                                 );
                               }
                               final totalCount = rooms.length;