Media player visual improvements

[spacegaier]

Breaking change

Proposed change

1. Added a bit of space between media icon and its title
   

2. Added tooltip to opening button of media player selection
   

3. Improved visuals if no media items were found (list with "No items" as text). Previously it was just a pure text without any styling. (already tackled via #6813)

4. Make media player selection dialog close on outside klick and Escape key press.

5. Make media play dialog close on outside klick and Escape key press (fixes Escape key to dismiss Media Browser dialog #6839).

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes Escape key to dismiss Media Browser dialog #6839
• This PR is related to issue:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[bramkragten]

Please add a screenshot when making visual changes

[spacegaier]

Please add a screenshot when making visual changes

@bramkragten Added to the PR description.

[zsarnett]

This will now need to be rebased

[spacegaier]

@zsarnett Rebase is done.