Allow option to search from available keys while inserting row using graphql ui

Hi Folks,

This feature update is kinda the most required by us given I deal with folks who are not that tech savvy.
The idea is to give an autocomplete select option to the foreign key fields when we're inserting rows.
For Eg: Which adding a book entry row via GraphQL visual interface, we'd need to add ID of the author. Instead we can show a drop-down with a search bar where we can search among the available names of the author. After selecting we can see the id. This feature would be a ground breaking thing for us our business involves finance guys who are not comfortable with adding uuids of the rows

Thanks

Start by locating the GraphQL UI code responsible for inserting rows and rendering foreign-key fields. Trace how available key values are currently entered, then define the autocomplete and search behavior described in the issue; done means a user can select a foreign-key record by searching its available values and still see the resulting ID. No specific file or test is named.

Written by the indexing model from the issue text.