TF-3758 Update mailbox app bar

Signed-off-by: dab246 <tdvu@linagora.com>

lib/features/base/widget/application_logo_with_text_widget.dart

@@ -11,11 +11,13 @@ class ApplicationLogoWidthTextWidget extends StatelessWidget {
 
   final VoidCallback? onTapAction;
   final EdgeInsetsGeometry? margin;
+  final double? iconSize;
 
   ApplicationLogoWidthTextWidget({
     super.key,
     this.onTapAction,
     this.margin,
+    this.iconSize,
   });
 
   @override
@@ -24,7 +26,7 @@ class ApplicationLogoWidthTextWidget extends StatelessWidget {
       icon: PlatformInfo.isWeb && AppConfig.isSaasPlatForm
         ? _imagePaths.icLogoWithTextBeta
         : _imagePaths.icLogoWithText,
-      iconSize: 33,
+      iconSize: iconSize ?? 33,
       padding: EdgeInsets.zero,
       margin: margin,
       backgroundColor: Colors.transparent,

lib/features/base/widget/user_avatar_builder.dart

@@ -0,0 +1,33 @@
+import 'package:core/presentation/extensions/string_extension.dart';
+import 'package:core/presentation/views/image/avatar_builder.dart';
+import 'package:flutter/material.dart';
+
+class UserAvatarBuilder extends StatelessWidget {
+  final String username;
+  final double? size;
+  final VoidCallback? onTapAction;
+
+  const UserAvatarBuilder({
+    Key? key,
+    required this.username,
+    this.size,
+    this.onTapAction,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final avatarBuilder = AvatarBuilder()
+      ..text(username.firstLetterToUpperCase)
+      ..size(size ?? 32)
+      ..addTextStyle(Theme.of(context).textTheme.titleMedium?.copyWith(
+            color: Colors.white,
+          ))
+      ..avatarColor(username.gradientColors);
+
+    if (onTapAction != null) {
+      avatarBuilder.addOnTapActionClick(onTapAction!);
+    }
+
+    return avatarBuilder.build();
+  }
+}