TF-3952 Change style header for Forwarding section

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

lib/features/manage_account/presentation/forward/forward_view.dart

@@ -1,4 +1,3 @@
-import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/state/success.dart';
 import 'package:core/presentation/utils/style_utils.dart';
 import 'package:core/presentation/utils/theme_utils.dart';
@@ -25,6 +24,8 @@ class ForwardView extends GetWidget<ForwardController> with AppLoaderMixin {
 
   @override
   Widget build(BuildContext context) {
+    final isWebDesktop = controller.responsiveUtils.isWebDesktop(context);
+
     return Column(
       children: [
         Obx(() {
@@ -40,33 +41,54 @@ class ForwardView extends GetWidget<ForwardController> with AppLoaderMixin {
         Expanded(
           child: SettingDetailViewBuilder(
             responsiveUtils: controller.responsiveUtils,
-            child: Column(
+            child: Container(
-              crossAxisAlignment: CrossAxisAlignment.start,
+              color: SettingsUtils.getContentBackgroundColor(
-              children: [
-                if (controller.responsiveUtils.isWebDesktop(context))
-                  ...[
-                    const SettingHeaderWidget(menuItem: AccountMenuItem.forward),
-                    const Divider(height: 1, color: AppColor.colorDividerHeaderSetting),
-                  ],
-                Expanded(child: SingleChildScrollView(
-                  physics: const ClampingScrollPhysics(),
-                  child: Padding(
-                    padding: SettingsUtils.getSettingContentPadding(
                 context,
                 controller.responsiveUtils,
               ),
+              decoration: SettingsUtils.getBoxDecorationForContent(
+                context,
+                controller.responsiveUtils,
+              ),
+              width: double.infinity,
+              padding: controller.responsiveUtils.isDesktop(context)
+                  ? const EdgeInsets.symmetric(vertical: 30, horizontal: 22)
+                  : null,
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                        if (!controller.responsiveUtils.isWebDesktop(context))
+                  if (isWebDesktop)
+                    SettingHeaderWidget(
+                      menuItem: AccountMenuItem.forward,
+                      textStyle: ThemeUtils.textStyleInter600().copyWith(
+                        color: Colors.black.withValues(alpha: 0.9),
+                      ),
+                      padding: EdgeInsets.zero,
+                    )
+                  else
                     const SettingExplanationWidget(
                       menuItem: AccountMenuItem.forward,
-                            padding: EdgeInsetsDirectional.only(bottom: 24),
+                      padding: EdgeInsetsDirectional.only(
+                        start: 16,
+                        end: 16,
+                        bottom: 16,
                       ),
+                      isCenter: true,
+                      textAlign: TextAlign.center,
+                    ),
+                  Expanded(
+                    child: Padding(
+                      padding: isWebDesktop
+                        ? const EdgeInsetsDirectional.only(top: 24)
+                        : const EdgeInsetsDirectional.symmetric(horizontal: 16),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
                           _buildKeepLocalSwitchButton(context),
-                        Obx(() => controller.currentForward.value != null
+                          Obx(
+                            () => controller.currentForward.value != null
                                 ? _buildAddRecipientsFormWidget(context)
-                          : const SizedBox.shrink()
+                                : const SizedBox.shrink(),
                           ),
                           _buildLoadingView(),
                           Obx(() {
@@ -75,15 +97,16 @@ class ForwardView extends GetWidget<ForwardController> with AppLoaderMixin {
                             } else {
                               return const SizedBox.shrink();
                             }
-                        })
+                          }),
                         ],
                       ),
-                  )
+                    ),
-                ))
+                  ),
                 ],
               ),
             ),
           ),
+        ),
       ],
     );
   }