Devfile registry viewer doesn't work well on some scaling settings

[datho7561]

Under some scaling settings, most of the 6 items that are displayed per page in the devfile registry are hidden.

For instance, if I set "window.zoomLevel": 3, in VS Code, then only 2 and a bit items are visible at a time.

It would be nice if we could improve this, perhaps by adjusting other parts of the page. Here are some ideas:

• Less margin between the top of the page and the title
• In the list entries: decrease the size of the icon and decrease the vertical spacing between the lines of text and the chips

[vrubezhny]

As an example, look at the difference between Welcome View and Devfile Registry View headers top margins below:

Welcome view is an informational and starter page with scrolling - so there is no limiting in vertical space usage, while Devfile Registry view normally has no scrolling and i limited in space, but still has top margin much bigger that the Welcome 's one.