Show item title on cartwall buttons

[mbaklor]

I changed cartPlayerStates[cartIndex] to an object containing both the state and the title, and read the title into the SVG directly from there. This was done by using the parameter names directly from the read packet making expansion to add selected cart or artist support very easy.
Changed the element in the SVG from a text element to a textArea to support wrapping for long titles.
Changed the colors in the buttons to match hex codes from within the mairlist color list

While going over the project I replaced some of the keywords etc to be a little more modern js, including const and let instead of var, and using template literals instead of concatenating strings, to make it all more readable and better scoped.

[tweibert]

Thanks for the PR, @mbaklor!

I wonder if the "title instead of cart number" thing should be configurable? Due to the small font, users might prefer to only have the number on the SD, and read the title from the computer screen.

[mbaklor]

This is actually a good idea, I'll look into implementing it. Would you do it as individual settings for each button or as a global setting for the connection?

[tweibert]

An individual setting would be the most flexible solution, I guess.

[mbaklor]

added the checkbox, I can't seem to get it checked by default, so maybe I need to change the wording to "hide cart title" but it feels counterintuitive so for now I leave it at this.