TF-3005 Apply new design search input contact view

lib/features/contact/presentation/styles/contact_view_style.dart

@@ -1,12 +1,25 @@
 
+import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:core/utils/platform_info.dart';
-import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
 
 class ContactViewStyle {
   static const double viewMaxHeight = 624.0;
   static const double viewMaxWidth = 558.0;
 
+  static TextStyle searchInputHintTextStyle = const TextStyle(
+    fontSize: 15,
+    fontWeight: FontWeight.w400,
+    color: AppColor.colorHintSearchBar
+  );
+
+  static TextStyle searchInputTextStyle = const TextStyle(
+    fontSize: 15,
+    fontWeight: FontWeight.w400,
+    color: Colors.black
+  );
+
   static double getContactViewHeight(
     BuildContext context,
     ResponsiveUtils responsiveUtils
@@ -59,4 +72,15 @@ class ContactViewStyle {
       return const BorderRadius.all(Radius.circular(16));
     }
   }
+
+  static EdgeInsetsGeometry getSearchInputFormMargin(
+    BuildContext context,
+    ResponsiveUtils responsiveUtils
+  ) {
+    if (PlatformInfo.isWeb || responsiveUtils.isScreenWithShortestSide(context)) {
+      return const EdgeInsets.symmetric(horizontal: 16, vertical: 10);
+    } else {
+      return const EdgeInsets.symmetric(horizontal: 32, vertical: 10);
+    }
+  }
 }