TF-3759 Update style popup context menu for composer view

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

lib/features/composer/presentation/widgets/web/mobile_responsive_app_bar_composer_widget.dart

@@ -1,3 +1,4 @@
+import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/resources/image_paths.dart';
 import 'package:core/presentation/views/button/tmail_button_widget.dart';
 import 'package:core/utils/platform_info.dart';
@@ -202,8 +203,10 @@ class MobileResponsiveAppBarComposerWidget extends StatelessWidget {
               PopupItemWidget(
                 iconAction: imagePaths.icDeleteMailbox,
                 nameAction: AppLocalizations.of(context).delete,
-                colorIcon: MobileAppBarComposerWidgetStyle.popupItemIconColor,
-                styleName: MobileAppBarComposerWidgetStyle.popupItemTextStyle,
+                colorIcon: AppColor.redFF3347,
+                styleName: MobileAppBarComposerWidgetStyle
+                  .popupItemTextStyle
+                  .copyWith(color: AppColor.redFF3347),
                 padding: MobileAppBarComposerWidgetStyle.popupItemPadding,
                 onCallbackAction: () {
                   menuMoreOptionController.hideMenu();

lib/features/composer/presentation/widgets/web/toolbar_rich_text_builder.dart

@@ -1,5 +1,7 @@
 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:custom_pop_up_menu/custom_pop_up_menu.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
@@ -22,6 +24,7 @@ class ToolbarRichTextWebBuilder extends StatelessWidget with RichTextButtonMixin
 
   final RichTextWebController richTextWebController;
   final ImagePaths _imagePaths = Get.find<ImagePaths>();
+  final ResponsiveUtils _responsiveUtils = Get.find<ResponsiveUtils>();
   final EdgeInsetsGeometry? padding;
   final List<Widget>? extendedOption;
   final AlignmentGeometry? alignment;
@@ -224,6 +227,9 @@ class ToolbarRichTextWebBuilder extends StatelessWidget with RichTextButtonMixin
                       tooltip: RichTextStyleType.paragraph.getTooltipButton(context)
                     )
                   ),
+                  position: _responsiveUtils.isMobile(context)
+                    ? PreferredPosition.top
+                    : PreferredPosition.bottom,
                 ),
               ),
               AbsorbPointer(
@@ -248,6 +254,9 @@ class ToolbarRichTextWebBuilder extends StatelessWidget with RichTextButtonMixin
                       tooltip: RichTextStyleType.orderList.getTooltipButton(context)
                     )
                   ),
+                  position: _responsiveUtils.isMobile(context)
+                    ? PreferredPosition.top
+                    : PreferredPosition.bottom,
                 ),
               )
             ]