feat(chat): Layout Improvements and user avatars load

lib/presentation/chat/chat_select_screen/widgets/chat_entry_widget.dart

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:eatvio_app/core/app_export.dart';
 import 'package:eatvio_app/presentation/chat/chat_select_screen/models/chat_entry.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 
 class UserprofileItemWidget extends StatelessWidget {
   UserprofileItemWidget(this.userprofileItemModelObj, {Key? key})
@@ -24,7 +25,21 @@ class UserprofileItemWidget extends StatelessWidget {
         mainAxisAlignment: MainAxisAlignment.center,
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          CustomImageView(
+          CachedNetworkImage(
+            imageUrl:
+                dotenv.env['STORAGE_URL']! + userprofileItemModelObj.userImage!,
+            imageBuilder: (context, imageProvider) => CircleAvatar(
+              backgroundImage: imageProvider,
+              radius: 25,
+            ),
+            placeholder: (context, url) => CircularProgressIndicator(),
+            errorWidget: (context, url, error) => CircleAvatar(
+              child: Icon(Icons.person),
+              backgroundColor: Colors.white,
+              radius: 25,
+            ),
+          ),
+          /*CustomImageView(
             imagePath:
                 dotenv.env['STORAGE_URL']! + userprofileItemModelObj.userImage!,
             height: 60.adaptSize,
@@ -32,7 +47,7 @@ class UserprofileItemWidget extends StatelessWidget {
             radius: BorderRadius.circular(
               30.h,
             ),
-          ),
+          ),*/
           Expanded(
               child: Padding(
             padding: EdgeInsets.only(
@@ -50,7 +65,11 @@ class UserprofileItemWidget extends StatelessWidget {
                     child: Row(
                       children: [
                         Text(
-                          userprofileItemModelObj.username!,
+                          userprofileItemModelObj.username!.length <= 15
+                              ? userprofileItemModelObj.username!
+                              : userprofileItemModelObj.username!
+                                      .substring(0, 15) +
+                                  '...',
                           style: theme.textTheme.titleMedium,
                         ),
                         Spacer(),