TF-2976 Update ThreadView UI

core/lib/presentation/extensions/color_extension.dart

@@ -226,6 +226,8 @@ extension AppColor on Color {
   static const labelColor = Color(0xFF71767C);
   static const thumbScrollbarColor = Color(0xFFC1C1C1);
   static const loginViewShadowColor = Color(0x3DBCBCBC);
+  static const colorEmailTileCheckboxUnhover = Color(0xFFAEB7C2);
+  static const colorEmailTileHoverWeb = Color(0xFFDFEEFF);
 
   static const mapGradientColor = [
     [Color(0xFF21D4FD), Color(0xFFB721FF)],

core/lib/presentation/resources/image_paths.dart

@@ -214,6 +214,8 @@ class ImagePaths {
   String get icAlwaysReadReceipt => _getImagePath('ic_always_read_receipt.svg');
   String get icNotification => _getImagePath('ic_notification.svg');
   String get icRemoveRule => _getImagePath('ic_remove_rule.svg');
+  String get icCheckboxUnselected => _getImagePath('ic_checkbox_unselected.svg');
+  String get icCheckboxSelected => _getImagePath('ic_checkbox_selected.svg');
 
   String _getImagePath(String imageName) {
     return AssetsPaths.images + imageName;

core/lib/presentation/views/button/icon_button_web.dart

@@ -18,19 +18,23 @@ Widget buildIconWeb({
   Color? colorSelected,
   Color? colorFocus,
   ShapeBorder? shapeBorder,
+  EdgeInsetsGeometry? margin,
 }) {
-  return Material(
-      color: colorSelected ?? Colors.transparent,
-      shape: shapeBorder ?? const CircleBorder(),
-      child: IconButton(
-          icon: icon,
-          focusColor: colorFocus,
-          iconSize: iconSize,
-          constraints: minSize != null ? BoxConstraints(minWidth: minSize, minHeight: minSize) : null,
-          padding: iconPadding ?? const EdgeInsets.all(8.0),
-          splashRadius: splashRadius ?? 15,
-          tooltip: tooltip ?? '',
-          onPressed: onTap)
+  return Container(
+    margin: margin,
+    child: Material(
+        color: colorSelected ?? Colors.transparent,
+        shape: shapeBorder ?? const CircleBorder(),
+        child: IconButton(
+            icon: icon,
+            focusColor: colorFocus,
+            iconSize: iconSize,
+            constraints: minSize != null ? BoxConstraints(minWidth: minSize, minHeight: minSize) : null,
+            padding: iconPadding ?? const EdgeInsets.all(8.0),
+            splashRadius: splashRadius ?? 15,
+            tooltip: tooltip ?? '',
+            onPressed: onTap)
+    ),
   );
 }