TF-3950 Apply new style for Folder Visibility on web

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

lib/features/mailbox/presentation/widgets/label_mailbox_item_widget.dart

@@ -75,7 +75,6 @@ class _LabelMailboxItemWidgetState extends State<LabelMailboxItemWidget> {
             itemKey: widget.itemKey,
             mailboxNode: widget.mailboxNode,
             imagePaths: _imagePaths,
-            responsiveUtils: _responsiveUtils,
             onExpandFolderActionClick: widget.onClickExpandMailboxNodeAction,
           ),
       ],

lib/features/mailbox/presentation/widgets/mailbox_category_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/utils/theme_utils.dart';
 import 'package:core/presentation/views/button/tmail_button_widget.dart';
@@ -23,6 +24,7 @@ class MailboxCategoryWidget extends StatefulWidget {
   final EdgeInsetsGeometry? padding;
   final double? height;
   final double? iconSpace;
+  final Color? iconColor;
   final TextStyle? labelTextStyle;
 
   const MailboxCategoryWidget({
@@ -35,6 +37,7 @@ class MailboxCategoryWidget extends StatefulWidget {
     this.padding,
     this.height,
     this.iconSpace,
+    this.iconColor,
     this.labelTextStyle,
   });
 
@@ -59,6 +62,7 @@ class _MailboxCategoryWidgetState extends State<MailboxCategoryWidget> {
               _imagePaths.icFolderMailbox,
               width: MailboxIconWidgetStyles.iconSize,
               height: MailboxIconWidgetStyles.iconSize,
+              colorFilter: widget.iconColor?.asFilter(),
               fit: BoxFit.fill,
             ),
             SizedBox(width: widget.iconSpace ?? MailboxItemWidgetStyles.labelIconSpace),

lib/features/mailbox/presentation/widgets/mailbox_expand_button.dart

@@ -1,6 +1,5 @@
 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:core/presentation/views/button/tmail_button_widget.dart';
 import 'package:core/utils/direction_utils.dart';
 import 'package:flutter/material.dart';
@@ -14,7 +13,7 @@ class MailboxExpandButton extends StatelessWidget {
   final GlobalKey itemKey;
   final MailboxNode mailboxNode;
   final ImagePaths imagePaths;
-  final ResponsiveUtils responsiveUtils;
+  final Color? color;
   final OnClickExpandMailboxNodeAction? onExpandFolderActionClick;
 
   const MailboxExpandButton({
@@ -22,8 +21,8 @@ class MailboxExpandButton extends StatelessWidget {
     required this.itemKey,
     required this.mailboxNode,
     required this.imagePaths,
-    required this.responsiveUtils,
     required this.onExpandFolderActionClick,
+    this.color,
   });
 
   @override
@@ -33,7 +32,7 @@ class MailboxExpandButton extends StatelessWidget {
         imagePaths,
         DirectionUtils.isDirectionRTLByLanguage(context),
       ),
-      iconColor: _expandIconColor,
+      iconColor: color ?? _expandIconColor,
       iconSize: 17,
       margin: const EdgeInsetsDirectional.only(start: 8),
       padding: const EdgeInsets.all(3),