TF-1933 Fix text overflow with ellipsis is weird and ugly by design

(cherry picked from commit a4dd353672eca725abd66bee94347dc339b1102f)

lib/features/mailbox/presentation/widgets/mailbox_folder_tile_builder.dart

@@ -1,9 +1,9 @@
 import 'package:core/presentation/extensions/color_extension.dart';
-import 'package:core/presentation/extensions/string_extension.dart';
 import 'package:core/presentation/resources/image_paths.dart';
 import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:core/presentation/utils/style_utils.dart';
 import 'package:core/presentation/views/button/icon_button_web.dart';
+import 'package:core/presentation/views/text/text_overflow_builder.dart';
 import 'package:core/utils/direction_utils.dart';
 import 'package:core/utils/platform_info.dart';
 import 'package:flutter/material.dart';
@@ -293,15 +293,12 @@ class MailBoxFolderTileBuilder {
           crossAxisAlignment: CrossAxisAlignment.end,
           children: [
             Expanded(
-              child: Text(
-                (_mailboxNode.item.name?.name ?? '').withUnicodeCharacter,
-                maxLines: 1,
-                softWrap: CommonTextStyle.defaultSoftWrap,
-                overflow: CommonTextStyle.defaultTextOverFlow,
+              child: TextOverflowBuilder(
+                (_mailboxNode.item.name?.name ?? ''),
                 style: TextStyle(
-                    fontSize: _mailboxNode.item.isTeamMailboxes ? 16 : 15,
-                    color: _mailboxNode.item.isTeamMailboxes ? Colors.black : AppColor.colorNameEmail,
-                    fontWeight: _mailboxNode.item.isTeamMailboxes ? FontWeight.bold : FontWeight.normal),
+                  fontSize: _mailboxNode.item.isTeamMailboxes ? 16 : 15,
+                  color: _mailboxNode.item.isTeamMailboxes ? Colors.black : AppColor.colorNameEmail,
+                  fontWeight: _mailboxNode.item.isTeamMailboxes ? FontWeight.bold : FontWeight.normal),
               ),
             ),
             if (showTrailingItem)
@@ -309,15 +306,12 @@ class MailBoxFolderTileBuilder {
           ],
         ),
         if(_mailboxNode.item.isTeamMailboxes)
-          Text(
-            (_mailboxNode.item.emailTeamMailBoxes ?? '').withUnicodeCharacter,
-            maxLines: 1,
-            softWrap: CommonTextStyle.defaultSoftWrap,
-            overflow: CommonTextStyle.defaultTextOverFlow,
+          TextOverflowBuilder(
+            (_mailboxNode.item.emailTeamMailBoxes ?? ''),
             style: const TextStyle(
-                fontSize: 13,
-                color: AppColor.colorEmailAddressFull,
-                fontWeight: FontWeight.w400),
+              fontSize: 13,
+              color: AppColor.colorEmailAddressFull,
+              fontWeight: FontWeight.w400),
           )
       ],
     );

lib/features/mailbox/presentation/widgets/sending_queue_mailbox_widget.dart

@@ -1,14 +1,13 @@
 import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/resources/image_paths.dart';
 import 'package:core/presentation/utils/responsive_utils.dart';
-import 'package:core/presentation/utils/style_utils.dart';
+import 'package:core/presentation/views/text/text_overflow_builder.dart';
 import 'package:core/utils/platform_info.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/sending_queue/domain/model/sending_email.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
-import 'package:tmail_ui_user/main/utils/app_utils.dart';
 
 class SendingQueueMailboxWidget extends StatelessWidget {
 
@@ -59,11 +58,8 @@ class SendingQueueMailboxWidget extends StatelessWidget {
                       crossAxisAlignment: CrossAxisAlignment.end,
                       children: [
                         Expanded(
-                          child: Text(
+                          child: TextOverflowBuilder(
                             AppLocalizations.of(context).sendingQueue,
-                            maxLines: 1,
-                            softWrap: CommonTextStyle.defaultSoftWrap,
-                            overflow: CommonTextStyle.defaultTextOverFlow,
                             style: const TextStyle(
                               fontSize: 15,
                               color: AppColor.colorNameEmail,
@@ -71,14 +67,9 @@ class SendingQueueMailboxWidget extends StatelessWidget {
                           ),
                         ),
                         Padding(
-                          padding: EdgeInsets.only(
-                            right: AppUtils.isDirectionRTL(context) ? 0 : 12,
-                            left: AppUtils.isDirectionRTL(context) ? 12 : 0,
-                          ),
-                          child: Text(
+                          padding: const EdgeInsetsDirectional.only(start: 12),
+                          child: TextOverflowBuilder(
                             _getCountSendingEmails(),
-                            maxLines: 1,
-                            overflow: CommonTextStyle.defaultTextOverFlow,
                             style: const TextStyle(
                               fontSize: 13,
                               color: Colors.black,

lib/features/mailbox/presentation/widgets/user_information_widget_builder.dart

@@ -1,9 +1,8 @@
 
 import 'package:core/presentation/extensions/color_extension.dart';
-import 'package:core/presentation/extensions/string_extension.dart';
 import 'package:core/presentation/resources/image_paths.dart';
-import 'package:core/presentation/utils/style_utils.dart';
 import 'package:core/presentation/views/image/avatar_builder.dart';
+import 'package:core/presentation/views/text/text_overflow_builder.dart';
 import 'package:core/utils/direction_utils.dart';
 import 'package:core/utils/platform_info.dart';
 import 'package:flutter/material.dart';
@@ -52,11 +51,8 @@ class UserInformationWidgetBuilder extends StatelessWidget {
         Expanded(child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            Text(
-              _userProfile != null ? '${_userProfile?.email}'.withUnicodeCharacter : '',
-              maxLines: 1,
-              overflow: CommonTextStyle.defaultTextOverFlow,
-              softWrap: CommonTextStyle.defaultSoftWrap,
+            TextOverflowBuilder(
+              _userProfile != null ? '${_userProfile?.email}' : '',
               style: const TextStyle(
                 fontSize: 17,
                 color: AppColor.colorNameEmail,
@@ -65,12 +61,15 @@ class UserInformationWidgetBuilder extends StatelessWidget {
             ),
             const SizedBox(height: 10),
             if (subtitle != null)
-              MaterialTextButton(
-                label: AppLocalizations.of(context).manage_account,
-                onTap: onSubtitleClick,
-                borderRadius: 20,
-                padding: const EdgeInsetsDirectional.symmetric(horizontal: 8, vertical: 8),
-                customStyle: const TextStyle(fontSize: 14, color: AppColor.colorTextButton),
+              Transform(
+                transform: Matrix4.translationValues(-8.0, 0.0, 0.0),
+                child: MaterialTextButton(
+                  label: AppLocalizations.of(context).manage_account,
+                  onTap: onSubtitleClick,
+                  borderRadius: 20,
+                  padding: const EdgeInsetsDirectional.symmetric(horizontal: 8, vertical: 8),
+                  customStyle: const TextStyle(fontSize: 14, color: AppColor.colorTextButton),
+                ),
               )
         ])),
         if (PlatformInfo.isMobile)