Change order of attachment and mail body on mobile

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

core/lib/presentation/extensions/color_extension.dart

@@ -142,8 +142,6 @@ extension AppColor on Color {
   static const colorShadowLayerTop = Color(0x1F000000);
   static const colorDividerHorizontal = Color(0x1F000000);
   static const colorEmailAddressFull = Color(0xFF818C99);
-  static const colorTitleHeaderAttachment = Color(0xFF818C99);
-  static const colorAttachmentIcon = Color(0xFFAEB7C2);
   static const colorDividerDestinationPicker = Color(0x1F000000);
   static const colorItemAlreadySelected = Color(0xFF818C99);
   static const colorItemSelected = Color(0xFFF2F3F5);
@@ -246,6 +244,8 @@ extension AppColor on Color {
   static const blue900 = Color(0xFF0F76E7);
   static const m3Tertiary = Color(0xFF8C9CAF);
   static const m3Tertiary60 = Color(0xFFD8E1EB);
+  static const m3Tertiary70 = Color(0xFFE5ECF3);
+  static const m3Tertiary20 = Color(0xFF71767C);
   static const m3Neutral70 = Color(0xFFAEAAAE);
   static const m3Neutral90 = Color(0xFFE6E1E5);
   static const grayBackgroundColor = Color(0xFFF3F6F9);
@@ -260,9 +260,11 @@ extension AppColor on Color {
   static const folderDivider = Color(0xFFE4E8EC);
   static const gray424244 = Color(0xFF424244);
   static const lightGrayF4F4F4 = Color(0xFFF4F4F4);
+  static const gray959DAD = Color(0xFF959DAD);
   static const redFF3347 = Color(0xFFFF3347);
   static const gray686E76 = Color(0xFF686E76);
   static const lightGrayEBEDF0 = Color(0xFFEBEDF0);
+  static const gray99A2AD = Color(0xFF99A2AD);
   static const textSecondary = Color(0xFF1C1B1F);
   static const profileMenuDivider = Color(0xFF1D192B);
   static const popupMenuItemHovered = Color(0xFFF8F8F8);

core/lib/presentation/resources/image_paths.dart

@@ -235,6 +235,7 @@ class ImagePaths {
   String get icRadio => _getImagePath('ic_radio.svg');
   String get icRadioSelected => _getImagePath('ic_radio_selected.svg');
 
+  String get icFileDownload => _getImagePath('ic_file_download.svg');
   String get icTwakeWorkplace => _getIconPath('icon_twp.png');
 
   String get animLottieTmail => _getAnimationPath('lottie-tmail.json');

core/lib/presentation/utils/theme_utils.dart

@@ -257,6 +257,24 @@ class ThemeUtils {
     color: color ?? AppColor.primaryMain,
   );
 
+  static TextStyle get textStyleM3LabelSmall => const TextStyle(
+    fontFamily: ConstantsUI.fontApp,
+    fontWeight: FontWeight.w500,
+    letterSpacing: 0.5,
+    fontSize: 11,
+    height: 16 / 11,
+    color: AppColor.m3Tertiary,
+  );
+
+  static TextStyle get textStyleM3TitleSmall => const TextStyle(
+    fontFamily: ConstantsUI.fontApp,
+    fontWeight: FontWeight.w500,
+    letterSpacing: 0.1,
+    fontSize: 14,
+    height: 20 / 14,
+    color: AppColor.m3Tertiary20,
+  );
+
   static const TextStyle textStyleM3BodyMedium1 = TextStyle(
     fontFamily: ConstantsUI.fontApp,
     fontWeight: FontWeight.w400,

core/lib/presentation/views/button/tmail_button_widget.dart

@@ -159,7 +159,6 @@ class TMailButtonWidget extends StatelessWidget {
     List<BoxShadow>? boxShadow,
     EdgeInsetsGeometry? margin,
     TextAlign? textAlign,
-    bool flexibleText = false,
     BoxBorder? border,
     int? maxLines,
     Color? hoverColor,
@@ -186,7 +185,6 @@ class TMailButtonWidget extends StatelessWidget {
       boxShadow: boxShadow,
       margin: margin,
       textAlign: textAlign,
-      flexibleText: flexibleText,
       border: border,
       maxLines: maxLines,
       hoverColor: hoverColor,