Fixed Radix UI related custom validity error (#20829)

ref DES-755

- a direct child of a form control primitive should be a form element
- for TextField component, a div was the direct child
- this moves the input element to the form control primitive

apps/admin-x-design-system/src/global/form/TextField.tsx

@@ -107,13 +107,13 @@ const TextField: React.FC<TextFieldProps> = ({
 
     field = (
         <FormPrimitive.Field name={id} asChild>
-            <FormPrimitive.Control asChild>
             <div className={fieldContainerClasses}>
+                <FormPrimitive.Control asChild>
                     {inputField}
+                </FormPrimitive.Control>
                 {!unstyled && !clearBg && <div className={bgClasses ? bgClasses : ''}></div>}
                 {rightPlaceholder && <span className={rightPlaceholderClasses || ''}>{rightPlaceholder}</span>}
             </div>
-            </FormPrimitive.Control>
         </FormPrimitive.Field>
     );