TF-2948 Apply new identity view for web

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

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

@@ -8,18 +8,21 @@ class SettingExplanationWidget extends StatelessWidget {
   final AccountMenuItem menuItem;
   final EdgeInsetsGeometry? padding;
   final bool isCenter;
+  final TextAlign? textAlign;
 
   const SettingExplanationWidget({
     Key? key,
     required this.menuItem,
     this.isCenter = false,
     this.padding,
+    this.textAlign,
   }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     Widget child = Text(
       menuItem.getExplanation(AppLocalizations.of(context)),
+      textAlign: textAlign,
       style: ThemeUtils.textStyleM3BodyMedium1
           .copyWith(color: AppColor.gray424244.withValues(alpha: 0.64)),
     );

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

@@ -26,6 +26,8 @@ class SettingHeaderWidget extends StatelessWidget {
         style: textStyle ?? ThemeUtils.textStyleInter600().copyWith(
           color: Colors.black,
         ),
+        maxLines: 1,
+        overflow: TextOverflow.ellipsis,
       ),
       if (menuItem.getExplanation(appLocalizations).isNotEmpty)
         Padding(
@@ -38,6 +40,8 @@ class SettingHeaderWidget extends StatelessWidget {
               letterSpacing: -0.15,
               color: AppColor.gray424244.withValues(alpha: 0.64),
             ),
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
           ),
         ),
     ];
@@ -46,6 +50,7 @@ class SettingHeaderWidget extends StatelessWidget {
         ? children.first
         : Column(
             crossAxisAlignment: CrossAxisAlignment.start,
+            mainAxisSize: MainAxisSize.min,
             children: children,
           );