Apply new style Language section in Setting on mobile

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

lib/features/manage_account/presentation/widgets/setting_explanation_widget.dart

@@ -7,21 +7,31 @@ import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 class SettingExplanationWidget extends StatelessWidget {
   final AccountMenuItem menuItem;
   final EdgeInsetsGeometry? padding;
+  final bool isCenter;
 
   const SettingExplanationWidget({
     Key? key,
     required this.menuItem,
+    this.isCenter = false,
     this.padding,
   }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: padding ?? const EdgeInsets.all(16),
-      child: Text(
-        menuItem.getExplanation(AppLocalizations.of(context)),
-        style: ThemeUtils.textStyleBodyBody1(color: AppColor.steelGray400),
-      ),
+    Widget child = Text(
+      menuItem.getExplanation(AppLocalizations.of(context)),
+      style: ThemeUtils.textStyleM3BodyMedium1
+          .copyWith(color: AppColor.gray424244.withOpacity(0.64)),
     );
+
+    if (isCenter) {
+      child = Center(child: child);
+    }
+
+    if (padding != null) {
+      child = Padding(padding: padding!, child: child);
+    }
+
+    return child;
   }
-}
+}