feat(directory): enhance input validation and layout in AddContactBottomSheet

lib/model/directory/add_contact_bottom_sheet.dart

@@ -4,6 +4,7 @@ import 'package:marco/controller/directory/add_contact_controller.dart';
 import 'package:marco/helpers/widgets/my_spacing.dart';
 import 'package:marco/helpers/widgets/my_text.dart';
 import 'package:marco/helpers/widgets/my_text_style.dart';
+import 'package:flutter/services.dart';
 
 class AddContactBottomSheet extends StatelessWidget {
   AddContactBottomSheet({super.key}) {
@@ -103,6 +104,7 @@ class AddContactBottomSheet extends StatelessWidget {
     VoidCallback? onRemove,
   }) {
     return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         Expanded(
           child: Column(
@@ -113,7 +115,8 @@ class AddContactBottomSheet extends StatelessWidget {
               _popupSelector(
                 hint: "Label",
                 selectedValue: selectedLabel,
-                  options: options),
+                options: options,
+              ),
             ],
           ),
         ),
@@ -124,25 +127,52 @@ class AddContactBottomSheet extends StatelessWidget {
             children: [
               MyText.labelMedium(inputLabel),
               MySpacing.height(8),
-              SizedBox(
+              TextFormField(
-                height: 48,
-                child: TextFormField(
   controller: controller,
   keyboardType: inputType,
-                  decoration: _inputDecoration("Enter $inputLabel"),
+  maxLength: inputType == TextInputType.phone ? 10 : null,
-                  validator: (value) => value == null || value.trim().isEmpty
+  inputFormatters: inputType == TextInputType.phone
-                      ? "$inputLabel is required"
+      ? [FilteringTextInputFormatter.digitsOnly]
-                      : null,
+      : [],
+  decoration: _inputDecoration("Enter $inputLabel").copyWith(
+    counterText: "", // hides length indicator
   ),
+  validator: (value) {
+    if (value == null || value.trim().isEmpty) {
+      return "$inputLabel is required";
+    }
+
+    final trimmed = value.trim();
+
+    if (inputType == TextInputType.phone) {
+      if (!RegExp(r'^\d{10}$').hasMatch(trimmed)) {
+        return "Enter a valid 10-digit phone number";
+      }
+      if (RegExp(r'^0+$').hasMatch(trimmed)) {
+        return "Phone number cannot be all zeroes";
+      }
+    }
+
+    if (inputType == TextInputType.emailAddress &&
+        !RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$').hasMatch(trimmed)) {
+      return "Enter a valid email address";
+    }
+
+    return null;
+  },
 ),
+
             ],
           ),
         ),
         if (onRemove != null)
-          IconButton(
+          Padding(
+            padding: const EdgeInsets.only(top: 24),
+            child: IconButton(
               icon: const Icon(Icons.remove_circle_outline, color: Colors.red),
               onPressed: onRemove,
             ),
+          ),
       ],
     );
   }