TF-2116 Apply new design composer mobile

(cherry picked from commit fe4ec144d1a18a94de782f87fff56bbf1cd3a00a)

lib/features/composer/presentation/styles/composer_style.dart

@@ -6,10 +6,13 @@ import 'package:flutter/material.dart';
 
 class ComposerStyle {
   static const double radius = 28;
+  static const double keyboardMaxHeight = 500;
+  static const double keyboardToolBarHeight = 200;
 
   static const Color borderColor = AppColor.colorLineComposer;
   static const Color backgroundEditorColor = Colors.white;
   static const Color richToolbarColor = Colors.white;
+  static const Color mobileBackgroundColor = Colors.white;
 
   static const EdgeInsetsGeometry richToolbarPadding = EdgeInsetsDirectional.symmetric(horizontal: 24, vertical: 8);
   static const EdgeInsetsGeometry desktopRecipientPadding = EdgeInsetsDirectional.only(end: 24);

lib/features/composer/presentation/styles/mobile/mobile_attachment_composer_widget_style.dart

@@ -0,0 +1,17 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class MobileAttachmentComposerWidgetStyle {
+  static const double listItemSpace = 8;
+
+  static const Color backgroundColor = Colors.white;
+
+  static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.symmetric(vertical: 8, horizontal: 16);
+  static const EdgeInsetsGeometry showMoreMargin = EdgeInsetsDirectional.only(top: 8);
+
+  static const TextStyle showMoreButtonTextStyle = TextStyle(
+    fontSize: 15,
+    color: AppColor.primaryColor,
+    fontWeight: FontWeight.w500
+  );
+}

lib/features/composer/presentation/styles/mobile/tablet_bottom_bar_composer_widget_style.dart

@@ -0,0 +1,25 @@
+
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class TabletBottomBarComposerWidgetStyle {
+  static const double iconRadius = 8;
+  static const double space = 10;
+  static const double sendButtonSpace = 12;
+  static const double iconSize = 20;
+  static const double sendButtonRadius = 8;
+  static const double sendButtonIconSpace = 5;
+
+  static const Color backgroundColor = Colors.white;
+  static const Color iconColor = AppColor.colorRichButtonComposer;
+  static const Color sendButtonBackgroundColor = AppColor.primaryColor;
+
+  static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.symmetric(horizontal: 32, vertical: 12);
+  static const EdgeInsetsGeometry iconPadding = EdgeInsetsDirectional.all(5);
+  static const EdgeInsetsGeometry sendButtonPadding = EdgeInsetsDirectional.symmetric(vertical: 8, horizontal: 24);
+  static const TextStyle sendButtonTextStyle = TextStyle(
+    fontWeight: FontWeight.w500,
+    fontSize: 15,
+    color: Colors.white,
+  );
+}

lib/features/composer/presentation/styles/recipient_tag_item_widget_style.dart

@@ -6,6 +6,7 @@ class RecipientTagItemWidgetStyle {
 
   static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.only(start: 4);
   static const EdgeInsetsGeometry counterPadding = EdgeInsetsDirectional.symmetric(vertical: 5, horizontal: 8);
+  static const EdgeInsetsGeometry mobileCounterPadding = EdgeInsetsDirectional.symmetric(vertical: 8, horizontal: 8);
   static const EdgeInsetsGeometry counterMargin = EdgeInsetsDirectional.only(top: PlatformInfo.isWeb ? 8 : 0);
 
   static const TextStyle labelTextStyle = TextStyle(

lib/features/composer/presentation/styles/web/desktop_responsive_container_view_style.dart

@@ -1,7 +1,7 @@
 
 import 'package:flutter/material.dart';
 
-class DesktopContainerViewStyle {
+class DesktopResponsiveContainerViewStyle {
   static const double radius = 28;
   static const double margin = 20;
   static const double elevation = 16;

lib/features/composer/presentation/styles/web/mobile_responsive_container_view_style.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 
-class MobileContainerViewStyle {
+class MobileResponsiveContainerViewStyle {
   static const double radius = 28;
   static const double elevation = 16;
 

lib/features/composer/presentation/styles/web/tablet_responsive_container_view_style.dart

@@ -2,7 +2,7 @@
 import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:flutter/material.dart';
 
-class TabletContainerViewStyle {
+class TabletResponsiveContainerViewStyle {
   static const double radius = 28;
   static const double elevation = 16;