[Bug]: Now Playing Icon Needs To Be Accessible

[cdrani]

Describe the bug

We are currently using a div instead of a button as the parent of the settings icon in the Now Playing Widget. This is not semantically correct and has poor accessibility (a11y). We need to replace the div with a button.

Expected behavior

It should have similar accessible properties as displayed for the heart button and the settings icon on a tracklist/playlist/album track

Additional context

Now Playing Icon file: https://github.com/cdrani/chorus/blob/develop/models/icon.js
Example to reference:

chorus/models/snip-icon.js

Lines 22 to 47 in 11ee050

	<button
	role="snip"
	type="button"
	aria-label="Edit Snip"
	style="visibility:hidden;border:none;background:none;display:flex;align-items:center;cursor:pointer"
	>
	<svg
	role="snip"
	fill="none"
	width="16"
	height="16"
	stroke="currentColor"
	viewBox="0 0 20 20"
	stroke-width="1.5"
	style="margin-bottom:4px;"
	preserveAspectRatio="xMidYMid meet"
	xmlns="http://www.w3.org/2000/svg"
	>
	<path
	role="snip"
	stroke-linecap="round"
	stroke-linejoin="round"
	d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75"
	/>
	</svg>
	</button>

Some changes to styles might need to be made to keep the same UI. For example, the visibility attribute does not need to be set as it should always be visible, or the styles coming from the chorus-icon id might need to be updated. Use your discretion and get it as close as possible to the current UI, but just with replacing the div with a button. The a11y portion should transfer over with using the same attributes (role, aria-label, etc) currently on the div and some just based on the button element.