feat: create customer

lib/core/components/custom_modal_dialog.dart

@@ -102,9 +102,11 @@ class CustomModalDialog extends StatelessWidget {
                   ],
                 ),
               ),
-              Padding(
-                padding: contentPadding ?? EdgeInsets.zero,
-                child: child,
+              Flexible(
+                child: SingleChildScrollView(
+                  padding: contentPadding ?? EdgeInsets.zero,
+                  child: child,
+                ),
               ),
             ],
           ),

lib/core/components/custom_text_field.dart

@@ -14,6 +14,8 @@ class CustomTextField extends StatelessWidget {
   final Widget? prefixIcon;
   final Widget? suffixIcon;
   final bool readOnly;
+  final int? maxLines;
+  final String? Function(String?)? validator;
 
   const CustomTextField({
     super.key,
@@ -28,6 +30,8 @@ class CustomTextField extends StatelessWidget {
     this.prefixIcon,
     this.suffixIcon,
     this.readOnly = false,
+    this.maxLines,
+    this.validator,
   });
 
   @override
@@ -53,17 +57,11 @@ class CustomTextField extends StatelessWidget {
           textInputAction: textInputAction,
           textCapitalization: textCapitalization ?? TextCapitalization.none,
           readOnly: readOnly,
+          maxLines: maxLines,
+          validator: validator,
           decoration: InputDecoration(
             prefixIcon: prefixIcon,
             suffixIcon: suffixIcon,
-            border: OutlineInputBorder(
-              borderRadius: BorderRadius.circular(16.0),
-              borderSide: const BorderSide(color: Colors.grey),
-            ),
-            enabledBorder: OutlineInputBorder(
-              borderRadius: BorderRadius.circular(16.0),
-              borderSide: const BorderSide(color: Colors.grey),
-            ),
             hintText: label,
           ),
         ),

lib/core/constants/theme.dart

@@ -22,6 +22,9 @@ ThemeData getApplicationTheme = ThemeData(
   useMaterial3: true,
   inputDecorationTheme: InputDecorationTheme(
     contentPadding: const EdgeInsets.symmetric(horizontal: 16.0),
+    hintStyle: const TextStyle(
+      color: AppColors.grey,
+    ),
     border: OutlineInputBorder(
       borderRadius: BorderRadius.circular(8.0),
       borderSide: BorderSide(color: AppColors.primary),