Usability improvements for search widget

[tswfi]

Questions	Answers
Description?	Usability improvements for search widget. Focus on the input from larger area, Search by clicking on the icon (for people without enter key), use type=search to get "clear" x in the field automagically
Type?	improvement
BC breaks?	no
Deprecations?	no
Fixed ticket?	Fixes #543 (well at least touches on the subject ;)
Sponsor company
How to test?	Click on the search widget area (but not on the input for example the search icon), focus goes to the input field (better for touch devices to have larger click area). Write something in the field, see the "x" button your browser adds by default (https://caniuse.com/input-search). Click on the icon when there is text in the field, the form is submitted and the search happens.

[matthieu-rolland]

lgtm 👍

[florine2623]

Hello @tswfi ,

Works as explained in the How to test :

Screen.Recording.2024-01-04.at.11.08.24.mov

Although I think the UX could be improved in another PR ^^

It is QA ✅