Add icons to dropdowns

[kommunarr]

Add icons to dropdowns

Pull Request Type

• Feature Implementation

Related issue

closes #5005

Description

• Adds icon to every ft-select
• Requires all ft-selects have an icon prop specified
  • This is a simple enough requirement that also notably greatly reduces the cognitive effort of scanning for sighted users.
• Adds optional icon-color prop as well (used in SponsorBlock Settings and Theme Settings to allow user to see the selected color reflected on the icon itself)

Screenshots

Testing

• Test ascending/descending icon changes appropriately for sort boxes: User Playists, Playlists, Video Comments, Channel, Playlist Add Video Prompt
• Check that icon appears for all ft-selects

Desktop

• OS: OpenSUSE
• OS Version: TW

Additional context

[efb4f5ff-1298-471a-8973-3d47447115dc]

BUG!

How it looked like before

FreeTube_YNgeZAxmJ0.mp4

How it looks like now

VirtualBoxVM_K8Oq5THgEJ.mp4

[kommunarr]

So icon needs to disappear when the control is disabled. Got it. I will probably bundle this fix into a related PR if that's okay, as this is pretty minor

[efb4f5ff-1298-471a-8973-3d47447115dc]

It also doesnt name the previous overwritten colors anymore. It just says primary and secondary color

[efb4f5ff-1298-471a-8973-3d47447115dc]

Sometimes the color pallete isnt updating the color under the Sponserblock settings

FreeTube_hBsN3DnEAV.mp4

[kommunarr]

Ah, I see, it's passing in the color name and not the actual value. It's a cute accident that it's actually working with the built-in CSS color names.