TF-3410 Update color, dimensions and alignments in EmailView

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

core/lib/presentation/extensions/color_extension.dart

@@ -241,6 +241,7 @@ extension AppColor on Color {
   static const steelGrayA540 = Color(0xFF55687D);
   static const steelGray200 = Color(0xFFAEB7C2);
   static const blue700 = Color(0xFF208BFF);
+  static const steelGray400 = Color(0xFF818C99);
 
   static const mapGradientColor = [
     [Color(0xFF21D4FD), Color(0xFFB721FF)],

core/lib/presentation/views/html_viewer/html_content_viewer_on_web_widget.dart

@@ -20,6 +20,8 @@ class HtmlContentViewerOnWeb extends StatefulWidget {
   final double widthContent;
   final double heightContent;
   final TextDirection? direction;
+  final double? contentPadding;
+  final bool useDefaultFont;
 
   /// Handler for mailto: links
   final OnMailtoClicked? mailtoDelegate;
@@ -37,10 +39,12 @@ class HtmlContentViewerOnWeb extends StatefulWidget {
     required this.widthContent,
     required this.heightContent,
     this.allowResizeToDocumentSize = true,
+    this.useDefaultFont = false,
     this.mailtoDelegate,
     this.direction,
     this.onClickHyperLinkAction,
     this.keepWidthWhileLoading = false,
+    this.contentPadding,
   }) : super(key: key);
 
   @override
@@ -264,7 +268,10 @@ class _HtmlContentViewerOnWebState extends State<HtmlContentViewerOnWeb> {
       minWidth: _minWidth,
       styleCSS: HtmlTemplate.tooltipLinkCss,
       javaScripts: webViewActionScripts + scriptsDisableZoom + HtmlInteraction.scriptsHandleLazyLoadingBackgroundImage,
-      direction: widget.direction);
+      direction: widget.direction,
+      contentPadding: widget.contentPadding,
+      useDefaultFont: widget.useDefaultFont,
+    );
 
     return htmlTemplate;
   }

core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart

@@ -26,6 +26,8 @@ class HtmlContentViewer extends StatefulWidget {
   final double? initialWidth;
   final TextDirection? direction;
   final bool keepWidthWhileLoading;
+  final double? contentPadding;
+  final bool useDefaultFont;
 
   final OnLoadWidthHtmlViewerAction? onLoadWidthHtmlViewer;
   final OnMailtoDelegateAction? onMailtoDelegateAction;
@@ -39,6 +41,8 @@ class HtmlContentViewer extends StatefulWidget {
     this.initialWidth,
     this.direction,
     this.keepWidthWhileLoading = false,
+    this.contentPadding,
+    this.useDefaultFont = false,
     this.onLoadWidthHtmlViewer,
     this.onMailtoDelegateAction,
     this.onScrollHorizontalEnd,
@@ -105,7 +109,9 @@ class _HtmlContentViewState extends State<HtmlContentViewer> {
     _htmlData = HtmlUtils.generateHtmlDocument(
       content: widget.contentHtml,
       direction: widget.direction,
-      javaScripts: _customScripts
+      javaScripts: _customScripts,
+      contentPadding: widget.contentPadding,
+      useDefaultFont: widget.useDefaultFont,
     );
   }