Use proper icons and styles for bottomsheet icons in Scribe

assets/images/ic_arrow_back_ios.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8617 3.225L13.3784 1.75L5.13672 10L13.3867 18.25L14.8617 16.775L8.08672 10L14.8617 3.225Z" fill="#424244" fill-opacity="0.72"/>
+</svg>

core/lib/presentation/resources/image_paths.dart

@@ -241,6 +241,7 @@ class ImagePaths {
   String get icRefreshQuotas => _getImagePath('ic_refresh_quotas.svg');
   String get icCreateFilter => _getImagePath('ic_create_filter.svg');
   String get icArrowBack => _getImagePath('ic_arrow_back.svg');
+  String get icArrowBackIos => _getImagePath('ic_arrow_back_ios.svg');
   String get icRadio => _getImagePath('ic_radio.svg');
   String get icRadioSelected => _getImagePath('ic_radio_selected.svg');
   String get icCheck => _getImagePath('ic_check.svg');

scribe/lib/scribe/ai/presentation/styles/ai_scribe_styles.dart

@@ -12,6 +12,7 @@ abstract final class AIScribeColors {
   // Icons
   static const Color scribeIcon = AppColor.primaryMain;
   static const Color aiAssistantIcon = AppColor.primaryMain;
+  static final Color bottomsheetIcon = AppColor.gray424244.withValues(alpha: 0.72);
 
   // Overlays
   static final Color dialogBarrier = Colors.black.withValues(alpha: 0.12);
@@ -144,6 +145,7 @@ abstract final class AIScribeSizes {
   static const double sendIcon = 16;
   static const double scribeIcon = 12;
   static const double aiAssistantIcon = 24;
+  static const double bottomsheetIcon = 20;
 
   // Padding
   static const EdgeInsetsGeometry menuItemPadding =

scribe/lib/scribe/ai/presentation/widgets/mobile/ai_scribe_mobile_actions_bottom_sheet.dart

@@ -1,5 +1,6 @@
 import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/resources/image_paths.dart';
+import 'package:core/presentation/views/button/tmail_button_widget.dart';
 import 'package:flutter/material.dart';
 import 'package:scribe/scribe.dart';
 
@@ -50,17 +51,14 @@ class _AiScribeMobileActionsBottomSheetState
             valueListenable: _selectedCategory,
             builder: (context, selectedCategory, _) {
               return selectedCategory != null
-                ? GestureDetector(
+                ? TMailButtonWidget.fromIcon(
-                    onTap: _goBackToCategories,
+                  icon: widget.imagePaths.icArrowBackIos,
-                    child: Padding(
+                  backgroundColor: Colors.transparent,
-                      padding: AIScribeSizes.backIconPadding,
+                  iconSize: AIScribeSizes.bottomsheetIcon,
-                      child: Icon(
+                  iconColor: AIScribeColors.bottomsheetIcon,
-                        Icons.chevron_left,
+                  padding: AIScribeSizes.backIconPadding,
-                        size: AIScribeSizes.aiAssistantIcon,
+                  onTapActionCallback: _goBackToCategories
-                        color: AppColor.gray424244.withValues(alpha: 0.72),
+                )
-                      ),
-                    ),
-                  )
                 : const SizedBox.shrink();
             },
           ),
@@ -75,14 +73,13 @@ class _AiScribeMobileActionsBottomSheetState
               },
             ),
           ),
-          IconButton(
+          TMailButtonWidget.fromIcon(
-            icon: const Icon(
+            icon: widget.imagePaths.icCloseDialog,
-              Icons.close,
+            backgroundColor: Colors.transparent,
-              size: AIScribeSizes.aiAssistantIcon,
+            iconSize: AIScribeSizes.bottomsheetIcon,
-            ),
+            iconColor: AIScribeColors.bottomsheetIcon,
-            color: AppColor.gray424244.withValues(alpha: 0.72),
+            onTapActionCallback: () => Navigator.of(context).pop()
-            onPressed: () => Navigator.of(context).pop(),
+          )
-          ),
         ],
       ),
     );