Add the ability to filter by field type when creating a new field

Ceated MR with POC to confirm if the feature is considered and the approach valid.

Hi, I have verified this issue on the D11 version. THis is working fine as expected.
Testing steps:
Install a Drupal site
Enable multiple modules that provide a field type
Try to create a field type for a given content type, like https://example.com/admin/structure/types/manage/article/fields/add-field
Confirm that it is not easy to find the field type to create.

Test Results:
Appearing the ability to filter by field type when creating a new field

Please refer the uploaded testing attachments.

Hence it can be move to RTBC
RTBC+1

In general i like the idea, in particular in such a case described in the issue summary with that many field types available. One detail that probably could be made more clear is the label of the filter. Currently it says "Filter by field name or description". Technically not all of the available elements are fields types, but you also have groups for step one of the "add field" process (which currently is not visually apparent). so with this filter only the "stand alone" field types as well as the groups are being filtered, all the field types contained within the groups are not filtered nor available in this step. And it looks sort of unusual, first having the "Choose a type of field" label directly followed by the label of the filter field. on other pages that use a filter field those are usually wrapped within a fieldset/box, for example on /admin/people/permissions?

In regards of consistency and usability, if you compare the filter with for example the filter on /admin/people/permissions, it is missing a clear button. Out of the scope for this issue, but probably relevant, problem with the clear button on the linked permissions page is that it is using a browser based clear button which leads to a differing experience across browsers. project browser has created a dedicated clear button for its search field which is not relying on any browser based clear button. i've opened an issue ( ✨ Add a clear button to the fields ui Active ) moving that clear button component into the field ui in core a few weeks ago.

Thank you for your suggestions.

To make the UX more consistent with other pages like Permissions, moved the filter textfield into a fieldset container and changed the label to Filter"

I would really like to avoid having yet another filtering script (we already have at least 3 that do something similar in a different way).

Can we do something based on ✨ Create Javascript library for searching rendered lists on the client. Needs work instead?