TF-2538 Fix email suggestion list is having weird white overlapping

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

lib/features/composer/presentation/widgets/recipient_suggestion_item_widget.dart

@@ -48,12 +48,14 @@ class RecipientSuggestionItemWidget extends StatelessWidget {
             leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
             title: RichTextWidget(
               textOrigin: emailAddress.asString(),
-              wordSearched: suggestionValid ?? ''
+              wordSearched: suggestionValid ?? '',
+              overflow: TextOverflow.ellipsis,
             ),
             subtitle: emailAddress.displayName.isNotEmpty
               ? RichTextWidget(
                   textOrigin: emailAddress.emailAddress,
                   wordSearched: suggestionValid ?? '',
+                  overflow: TextOverflow.ellipsis,
                   styleTextOrigin: RecipientSuggestionItemWidgetStyle.labelTextStyle,
                   styleWordSearched: RecipientSuggestionItemWidgetStyle.labelHighlightTextStyle
                 )
@@ -77,12 +79,14 @@ class RecipientSuggestionItemWidget extends StatelessWidget {
             leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
             title: RichTextWidget(
               textOrigin: emailAddress.asString(),
-              wordSearched: suggestionValid ?? ''
+              wordSearched: suggestionValid ?? '',
+              overflow: TextOverflow.ellipsis,
             ),
             subtitle: emailAddress.displayName.isNotEmpty
               ? RichTextWidget(
                   textOrigin: emailAddress.emailAddress,
                   wordSearched: suggestionValid ?? '',
+                  overflow: TextOverflow.ellipsis,
                   styleTextOrigin: RecipientSuggestionItemWidgetStyle.labelTextStyle,
                   styleWordSearched: RecipientSuggestionItemWidgetStyle.labelHighlightTextStyle
                 )

lib/features/email_recovery/presentation/widgets/text_input_field/suggestion_item_widget.dart

@@ -43,7 +43,8 @@ class SuggestionItemWidget extends StatelessWidget {
             leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
             title: RichTextWidget(
               textOrigin: emailAddress.asString(),
-              wordSearched: suggestionValid ?? ''
+              wordSearched: suggestionValid ?? '',
+              overflow: TextOverflow.ellipsis,
             ),
             subtitle: emailAddress.displayName.isNotEmpty
               ? RichTextWidget(
@@ -51,6 +52,7 @@ class SuggestionItemWidget extends StatelessWidget {
                   wordSearched: suggestionValid ?? '',
                   styleTextOrigin: SuggestionItemWidgetStyles.subTitleTextOriginStyle,
                   styleWordSearched: SuggestionItemWidgetStyles.subTitleWordSearchedStyle,
+                  overflow: TextOverflow.ellipsis,
                 )
               : null,
             trailing: SvgPicture.asset(
@@ -72,14 +74,16 @@ class SuggestionItemWidget extends StatelessWidget {
             leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
             title: RichTextWidget(
               textOrigin: emailAddress.asString(),
-              wordSearched: suggestionValid ?? ''
+              wordSearched: suggestionValid ?? '',
+              overflow: TextOverflow.ellipsis,
             ),
             subtitle: emailAddress.displayName.isNotEmpty
               ? RichTextWidget(
                   textOrigin: emailAddress.emailAddress,
                   wordSearched: suggestionValid ?? '',
                   styleTextOrigin: SuggestionItemWidgetStyles.subTitleTextOriginStyle,
-                  styleWordSearched: SuggestionItemWidgetStyles.subTitleWordSearchedStyle
+                  styleWordSearched: SuggestionItemWidgetStyles.subTitleWordSearchedStyle,
+                  overflow: TextOverflow.ellipsis,
               )
               : null,
             onTap: () => onSelectedAction?.call(emailAddress),

lib/features/mailbox_dashboard/presentation/widgets/advanced_search/autocomplete_suggestion_item_widget_web.dart

@@ -43,7 +43,8 @@ class AutoCompleteSuggestionItemWidgetWeb extends StatelessWidget {
             leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
             title: RichTextWidget(
               textOrigin: emailAddress.asString(),
-              wordSearched: suggestionValid ?? ''
+              wordSearched: suggestionValid ?? '',
+              overflow: TextOverflow.ellipsis,
             ),
             subtitle: emailAddress.displayName.isNotEmpty
               ? RichTextWidget(
@@ -51,6 +52,7 @@ class AutoCompleteSuggestionItemWidgetWeb extends StatelessWidget {
                   wordSearched: suggestionValid ?? '',
                   styleTextOrigin: AutoCompleteSuggestionItemWebStyle.subTitleTextOriginStyle,
                   styleWordSearched: AutoCompleteSuggestionItemWebStyle.subTitleWordSearchStyle,
+                  overflow: TextOverflow.ellipsis,
                 )
               : null,
             trailing: SvgPicture.asset(
@@ -72,7 +74,8 @@ class AutoCompleteSuggestionItemWidgetWeb extends StatelessWidget {
             leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
             title: RichTextWidget(
               textOrigin: emailAddress.asString(),
-              wordSearched: suggestionValid ?? ''
+              wordSearched: suggestionValid ?? '',
+              overflow: TextOverflow.ellipsis,
             ),
             subtitle: emailAddress.displayName.isNotEmpty
               ? RichTextWidget(
@@ -80,6 +83,7 @@ class AutoCompleteSuggestionItemWidgetWeb extends StatelessWidget {
                   wordSearched: suggestionValid ?? '',
                   styleTextOrigin: AutoCompleteSuggestionItemWebStyle.subTitleTextOriginStyle,
                   styleWordSearched: AutoCompleteSuggestionItemWebStyle.subTitleWordSearchStyle,
+                  overflow: TextOverflow.ellipsis,
                 )
               : null,
             onTap: () => onSelectedAction?.call(emailAddress),