Display an error when duplicate values entered into Autocompelte

[JerryWu1234]

Fixes #2923

• I've read and followed the contributing guide on how to create great pull requests.
• I've updated the relevant documentation for any new or updated feature.
• I've linked relevant GitHub issue with "Closes #".
• I've added a visual demonstration in the form of a screenshot or video.

[JerryWu1234]

[JerryWu1234]

@apedroferreira help me review this ?

[apedroferreira]

Good job validating on the 2 different inputs! I left a few suggestions but this is a good start.

There are also a few more cases where it seems that you need to clear the error message or it does not reset, can you please cover all of these? Some examples, not sure if there's any more cases than these:

• User closes the modal, by either pressing "Close" or clicking outside
• User clicks "Delete all" to delete all options
• User presses the back button from an option

[JerryWu1234]

@apedroferreira help to review the rest

[bharatkashyap]

Some notes around the structure of the changes

[JerryWu1234]

@apedroferreira @bharatkashyap help me to review this PR

[bharatkashyap]

 switchErrorState((item) =>
        typeof item !== 'string' ? item.value === newOptionValue : item === value,
      );

There is some replication of the above code.

The idea with this feature is that you accept an input value, compare it with the array of existing options, and flip the state of the error in case a duplicate is found. You can refactor this into a single, memoized function that does all of this, with inputText being the only required parameter.

In my opinion, separate validateOptionValue and switchErrorState functions are not needed.

[JerryWu1234]

 switchErrorState((item) =>
        typeof item !== 'string' ? item.value === newOptionValue : item === value,
      );

There is some replication of the above code.

The idea with this feature is that you accept an input value, compare it with the array of existing options, and flip the state of the error in case a duplicate is found. You can refactor this into a single, memoized function that does all of this, with inputText being the only required parameter.

In my opinion, separate validateOptionValue and switchErrorState functions are not needed.

all done