TF-1711 Fix label displayed overlap for AddRecipient button

(cherry picked from commit 810ae9b2fa9d3c3cfea504cd9c4de1a99df40d6b)

lib/features/contact/presentation/widgets/autocomplete_contact_text_field_with_tags.dart

@@ -5,7 +5,6 @@ import 'package:collection/collection.dart';
 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/views/button/button_builder.dart';
 import 'package:core/utils/app_logger.dart';
 import 'package:core/utils/build_utils.dart';
 import 'package:flutter/material.dart';
@@ -13,6 +12,7 @@ import 'package:get/get.dart';
 import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
 import 'package:model/model.dart';
 import 'package:super_tag_editor/tag_editor.dart';
+import 'package:tmail_ui_user/features/base/widget/material_text_icon_button.dart';
 import 'package:tmail_ui_user/features/composer/presentation/widgets/suggestion_email_address.dart';
 import 'package:tmail_ui_user/features/contact/presentation/widgets/contact_input_tag_item.dart';
 import 'package:tmail_ui_user/features/contact/presentation/widgets/contact_suggestion_box_item.dart';
@@ -264,22 +264,20 @@ class _AutocompleteContactTextFieldWithTagsState extends State<AutocompleteConta
   }
 
   Widget _buildAddRecipientButton(BuildContext context, {double? maxWidth}) {
-    return (ButtonBuilder(_imagePaths.icAddIdentity)
+    return MaterialTextIconButton(
-      ..key(const Key('button_add_recipient'))
+      key: const Key('button_add_recipient'),
-      ..decoration(BoxDecoration(
+      label: AppLocalizations.of(context).addRecipientButton,
-          borderRadius: BorderRadius.circular(12),
+      icon: _imagePaths.icAddIdentity,
-          color: AppColor.colorTextButton))
+      backgroundColor: AppColor.colorTextButton,
-      ..paddingIcon(const EdgeInsets.only(right: 8))
+      labelColor: Colors.white,
-      ..iconColor(Colors.white)
+      iconColor: Colors.white,
-      ..maxWidth(maxWidth ?? 167)
+      minimumSize: Size(maxWidth ?? 167, 54),
-      ..size(20)
+      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 20),
-      ..radiusSplash(12)
+      onTap: _handleAddRecipientAction
-      ..padding(const EdgeInsets.symmetric(vertical: 12))
+    );
-      ..textStyle(const TextStyle(
+  }
-          fontSize: 16,
+
-          color: Colors.white,
+  void _handleAddRecipientAction() {
-          fontWeight: FontWeight.w500))
-      ..onPressActionClick(() {
     _hideKeyboardForMobile();
     if (widget.controller?.text.isNotEmpty == true) {
       if (!_isDuplicatedRecipient(widget.controller?.text ?? '')) {
@@ -307,9 +305,6 @@ class _AutocompleteContactTextFieldWithTagsState extends State<AutocompleteConta
     } else {
       widget.onExceptionCallback?.call(false);
     }
-      })
-      ..text(AppLocalizations.of(context).addRecipientButton, isVertical: false)
-    ).build();
   }
 
   void _closeSuggestionBox() {