Improve UI editor contribution graphic

On each UI area editor, there is a graphic that displays the web ui area of the contribution.

Problem
Users don't seem to understand the purpose of these graphics nor do they comunicate enough information.

Proposal
Replace the graphics with new graphicss and increase the size they take on screen.

• Mockup for graphics integration attached
• Also attach a zip with all graphics to replace.

Note that on user action, the graphic should change depending on the selected slot. Also, some of the graphics can change over version (blob action may be first case of it).