finished if - then - save button design

lib/utils/context_extension.dart

@@ -1,4 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/shared_widgets/bottom_sheet/bottom_sheet_widget.dart';
+import 'package:syncrow_app/features/shared_widgets/bottom_sheet/custom_bottom_sheet.dart';
+import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
 
 extension ContextExtension on BuildContext {
   Future<void> goTo(String newRouteName) async {
@@ -30,4 +33,60 @@ extension ContextExtension on BuildContext {
   TextStyle get bodyMedium => Theme.of(this).textTheme.bodyMedium!;
 
   TextStyle get bodySmall => Theme.of(this).textTheme.bodySmall!;
+
+  void customBottomSheet({
+    /// this fild will show the title after image widget
+    required String title,
+
+    /// this showing image in top of the screen
+    String? image,
+
+    /// this if you need change image size
+    double? imageSize,
+
+    /// if you need change title styling use this fild
+    TextStyle? titleStyle,
+
+    /// this fild will show the title after title widget
+    String? descreption,
+
+    /// if you neee change descreption styling use this fild
+    TextStyle? descreptionStyle,
+
+    /// if you need show back bottom to closed bottom sheet
+    bool? withBack,
+
+    /// this calling when press action bottom
+    void Function()? onPressed,
+
+    /// this fild to change on press text
+    String? onPressedTitle,
+
+    /// this fild to change action bottom color
+    Color? onPressedColor,
+
+    /// this fild to change back bottom color
+    Color? backColor,
+  }) {
+    showModalBottomSheet<void>(
+      context: this,
+      isScrollControlled: true,
+      builder: (BuildContext context) {
+        return CustomBottomSheet(
+          child: CustomBottomSheetWidget(
+            image: image ?? '',
+            imageSize: imageSize ?? 200,
+            titleStyle: titleStyle,
+            description: descreption ?? '',
+            descreptionStyle: descreptionStyle,
+            title: title,
+            withBack: withBack ?? false,
+            onPressed: onPressed,
+            onPressedColor: onPressedColor ?? ColorsManager.primaryTextColor,
+            backColor: backColor,
+          ),
+        );
+      },
+    );
+  }
 }

lib/utils/resource_manager/color_manager.dart

@@ -6,9 +6,11 @@ abstract class ColorsManager {
   static const Color primaryColor = Color(0xFF0030CB);
   static Color primaryColorWithOpacity =
       const Color(0xFF023DFE).withOpacity(0.6);
+
   static const Color onPrimaryColor = Colors.white;
   static const Color secondaryColor = Color(0xFF023DFE);
   static const Color onSecondaryColor = Color(0xFF023DFE);
+
   static const Color primaryTextColor = Colors.black;
 
   static const Color greyColor = Color(0xFFd5d5d5);