TF-4093 Make interface more compact

lib/features/email/presentation/widgets/prefix_recipient_widget.dart

@@ -1,6 +1,4 @@
-
 import 'package:core/presentation/extensions/color_extension.dart';
-import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:core/presentation/utils/theme_utils.dart';
 import 'package:flutter/material.dart';
 import 'package:model/email/prefix_email_address.dart';
@@ -8,29 +6,32 @@ import 'package:tmail_ui_user/features/composer/presentation/extensions/prefix_e
 
 class PrefixRecipientWidget extends StatelessWidget {
   final PrefixEmailAddress prefixEmailAddress;
-  final ResponsiveUtils responsiveUtils;
+  final EdgeInsetsGeometry? padding;
+  final bool isMobileResponsive;
 
   const PrefixRecipientWidget({
     super.key,
     required this.prefixEmailAddress,
-    required this.responsiveUtils,
+    this.isMobileResponsive = false,
+    this.padding,
   });
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: EdgeInsets.symmetric(vertical: responsiveUtils.isMobile(context) ? 4 : 5.5),
-      child: Text(
-        '${prefixEmailAddress.asName(context)}:',
-        style: ThemeUtils.textStyleBodyBody1(
-          color: AppColor.steelGray400,
-          fontWeight: FontWeight.w400,
-        ).copyWith(
-          fontSize: responsiveUtils.isMobile(context) ? 14 : 17,
-          height: 1,
-          letterSpacing: responsiveUtils.isMobile(context) ? -0.14 : -0.17
-        ),
+    final bodyWidget = Text(
+      '${prefixEmailAddress.asName(context)}:',
+      style: ThemeUtils.textStyleInter400.copyWith(
+        fontSize: 14,
+        height: 1,
+        letterSpacing: -0.14,
+        color: isMobileResponsive ? AppColor.gray6D7885 : AppColor.gray9AA7B6,
       ),
     );
+
+    if (padding != null) {
+      return Padding(padding: padding!, child: bodyWidget);
+    } else {
+      return bodyWidget;
+    }
   }
 }