TF-2116 Apply new design attachment in mobile composer

(cherry picked from commit 4d8a7590e11044963093a98095948d9820f34efb)

lib/features/base/styles/circle_loading_widget_styles.dart

@@ -0,0 +1,8 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class CircleLoadingWidgetStyles {
+  static const Color progressColor = AppColor.primaryColor;
+  static const double size = 24;
+  static const double width = 2;
+}

lib/features/base/styles/popup_item_widget_style.dart

@@ -1,10 +1,11 @@
 import 'package:flutter/material.dart';
 
 class PopupItemWidgetStyle {
-  static const double iconSize = 20;
+  static const double iconSize = 24;
   static const double selectedIconSize = 16;
   static const double space = 12;
   static const double height = 48;
+  static const double minWidth = 256;
 
   static const EdgeInsetsGeometry padding = EdgeInsets.symmetric(horizontal: 20, vertical: 16);
   static const EdgeInsetsGeometry iconSelectedPadding = EdgeInsetsDirectional.only(start: 12);

lib/features/base/widget/circle_loading_widget.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/base/styles/circle_loading_widget_styles.dart';
+
+class CircleLoadingWidget extends StatelessWidget {
+
+  final double? size;
+  final EdgeInsetsGeometry? padding;
+
+  const CircleLoadingWidget({super.key, this.size, this.padding});
+
+  @override
+  Widget build(BuildContext context) {
+    if (padding != null) {
+      return Padding(
+        padding: padding!,
+        child: SizedBox(
+          width: size ?? CircleLoadingWidgetStyles.size,
+          height: size ?? CircleLoadingWidgetStyles.size,
+          child: const CircularProgressIndicator(
+            color: CircleLoadingWidgetStyles.progressColor,
+            strokeWidth: CircleLoadingWidgetStyles.width,
+          )
+        ),
+      );
+    } else {
+      return SizedBox(
+        width: size ?? CircleLoadingWidgetStyles.size,
+        height: size ?? CircleLoadingWidgetStyles.size,
+        child: const CircularProgressIndicator(
+          color: CircleLoadingWidgetStyles.progressColor,
+          strokeWidth: CircleLoadingWidgetStyles.width,
+        )
+      );
+    }
+  }
+}

lib/features/base/widget/popup_item_widget.dart

@@ -38,6 +38,7 @@ class PopupItemWidget extends StatelessWidget {
         onTap: onCallbackAction,
         child: Container(
           height: PopupItemWidgetStyle.height,
+          constraints: const BoxConstraints(minWidth: PopupItemWidgetStyle.minWidth),
           padding: padding,
           child: Row(children: [
             SvgPicture.asset(