Enhancement: Typing will always show loading icon

[doubleppereira]

Currently every time the user types even with a debounce effect and controlling the loading prop externally it shows a spinner

Current behaviour:

Screen.Recording.2024-10-22.at.14.54.39.mov

As we can see above since there is a debounce of 700ms the user is still typing we will see the loading icon and then a second where it stops shows clear button and then it reached end of loading state.

Intended behaviour:
I would like to show the loading spinner only if loading prop is set to true and not when user types. this seems to influence the rendering or not of the clear button