Add button still present when entering incorrect input into the relationship fileld

### Before opening, please confirm:

- [X] I have [searched for duplicate or closed issues](https://github.com/aws-amplify/amplify-adminui/issues?q=is%3Aissue+).
- [X] I have read the guide for [submitting bug reports](https://github.com/aws-amplify/amplify-adminui/blob/main/CONTRIBUTING.md#bug-reports).
- [X] I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.
- [X] I have removed any sensitive information from my code snippets and submission.

### App Id

d1d64siqsqavbr

### Region

us-east-1

### Environment name

dev

### Figma File Version (if applicable)

_No response_

### Amplify CLI Version

_No response_

### If applicable, what version of Node.js are you using?

_No response_

### What operating system are you using?

_No response_

### Browser type?

_No response_

### Describe the bug

incorrect input allows user to click on the add button as shown below

https://github.com/aws-amplify/amplify-studio/assets/87995712/883429a3-ce3f-4539-91be-7869b75ec8dc

### Expected behavior

better validation

### Reproduction steps

1. open relationship field and enter random info
2. observe add button still present

### Project Identifier

_No response_

### Additional information

_No response_

Start by reproducing the relationship field behavior using the listed steps and trace the field's validation and Add button state. Done means random or otherwise invalid input is rejected and the Add button is unavailable, while valid relationship input still works.

Written by the indexing model from the issue text.