Depends on the VM change that sets the mime-type

Also noticed that Delete aria label was not localized.

Use the classNames feature to include/exclude a class based on a boolean instead of ternary operator

* split play-button into container and component
* revised sound library tile:
  * play button in upper right
  * smaller sound icon (make the tile less loaded)

Play button doesn’t have a ‘touch-outside’ listener to stop sounds. That seems to be ok as other events cause the sound to stop.

Both handleClick and handleMouseDown are needed. Must use handleMouseDown for `preventDefault` to skip setting focus on the item. handleClick is needed to prevent the Click from propagating to the item and selecting it.

Update UI play/stop button when the sound ends

Play button is larger (easier to touch). Can both start and stop sounds.
Sound doesn’t restart on mouseEnter if the sound is already playing.
Sound stops if you move off play button

Missing: stop button does not revert to play button when the sound finishes.

Checked with Carl and updated the style of the play button.

Add prop to library items to show a play button. If a play button is present the ‘play on hover’ only applies over the icon rather than the full tile.

Fixes #5031, which is happening because the gestureInProgress call is still returning true after a drag ends.

If the delete button is the current active element (e.g. focused by tab) make hitting ‘space’ or ‘Enter’ do the actual delete.

Don’t use default focus style it’s ugly.

Don’t allow the image to be dragged.