Improve out of the box UI / UX for Media handling

Problem/Motivation

At the moment out of the box Media experience is non consistent. There are various differences in presentation of selected Media Entities, most notably dimensions and layout of the display.
Default presentation:

Proposed resolution

Create Media Thumbnail Image Style

Create Media Thumbnail image style as cropped square (for example 150x150 pixels).

Create Media Thumbnail view mode

Available view modes for Media Entities do not provide a way to display Media Entities properly when viewed inside Entity Browser field widget.
Make new view mode (named for example Media Thumbnail) that will serve for displaying Selected media entities.

Configure Media Thumbnail view mode for all Media Bundles

Configure new view mode to display only needed data, named:

• Media name
• Thumbnail - default Image style should be Media Thumbnail.

Disable auto open entity browser by default

When editing entity that has field and field widget is Entity Browser, Entity Browser is opened by default. Have “Auto open entity browser” setting for Display default to disabled.

Entity browser improve css for thumbnail display

Create and adjust CSS in Media to reflect proposed look.

Add indication which Media Bundle is listed

With proposed look there is no indication which Media Bundle was selected. This is especially confusing with videos and images (since videos get also thumbnail and appear the same as images in the list).
Add icons that will match media bundle with symbol.