TF-3766 Change context menu style for mailbox on mobile

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

lib/features/base/mixin/popup_context_menu_action_mixin.dart

@@ -1,9 +1,10 @@
 
 import 'package:core/presentation/extensions/color_extension.dart';
-import 'package:core/presentation/views/bottom_popup/cupertino_action_sheet_builder.dart';
 import 'package:core/utils/platform_info.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/base/widget/context_menu/context_menu_dialog_view.dart';
+import 'package:tmail_ui_user/features/base/widget/context_menu/context_menu_item_action.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 import 'package:tmail_ui_user/main/routes/route_navigation.dart';
 
@@ -15,12 +16,34 @@ mixin PopupContextMenuActionMixin {
     {
       Widget? cancelButton,
       Key? key,
+      List<ContextMenuItemAction>? itemActions,
+      OnContextMenuActionClick? onContextMenuActionClick,
     }
   ) async {
-    await (CupertinoActionSheetBuilder(context, key: key)
-        ..addTiles(actionTiles)
-        ..addCancelButton(cancelButton ?? buildCancelButton(context)))
-      .show();
+    await showModalBottomSheet(
+      context: context,
+      showDragHandle: true,
+      useSafeArea: true,
+      isScrollControlled: true,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.only(
+          topLeft: Radius.circular(16.0),
+          topRight: Radius.circular(16.0),
+        ),
+      ),
+      backgroundColor: Colors.white,
+      barrierColor: Colors.black.withOpacity(0.2),
+      builder: (_) {
+        return ColoredBox(
+          color: Colors.white,
+          child: ContextMenuDialogView(
+            actions: itemActions ?? [],
+            onContextMenuActionClick: (menuAction) =>
+                onContextMenuActionClick?.call(menuAction),
+          ),
+        );
+      },
+    );
   }
 
   void openPopupMenuAction(