feat(field): Add field name to field wrapper

Currently, there's no easy mechanism to target specific
fields from the form.

This commit adds a new `data-fieldname` attribute to the
field wrapper, making easier to target specific fields.

With this change, we can override the position of the field
from the consumer side.

src/wrapField.tsx

@@ -65,6 +65,7 @@ export default function wrapField(
   return (
     <FormGroup
       data-testid={'wrapper-field'}
+      data-fieldname={props.name}
       fieldId={id}
       label={label}
       isRequired={required}