Add search bar to container registry image list

What does this MR do?

This MR adds the capability for the Container Registry Image List to search by image name. A new search bar is added and some of the code has been refactored to his own component to keep concerns isolated.

Screenshots

Mobile view

Empty search Error
Screenshot_2020-05-11_at_13.59.45 Screenshot_2020-05-11_at_14.00.22

No Search

Screenshot_2020-05-11_at_13.57.20

Search with results

Screenshot_2020-05-08_at_16.04.33

Search without results

Screenshot_2020-05-08_at_17.54.13

Does this MR meet the acceptance criteria?

Screencapture

The video shows the previous version of the empty search message, while the screenshot above has been updated

NOTE: in the video I am pressing enter to trigger the search, clicking on the button achieve the same, at the end of the video I am switching to a project without any image to show the difference between an empty search and an empty project

Kapture_2020-05-08_at_16.08.25

Conformity

Availability and Testing

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

  • [-] Label as security and @ mention @gitlab-com/gl-security/appsec
  • [-] The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • [-] Security reports checked/validated by a reviewer from the AppSec team

Part of #216122 (closed)

Edited by Nicolò Maria Mezzopera