Card Picker with Previews of cards

[zsarnett]

Proposed change

Add a preview to the Card Picker so the user knows what the card looks like before choosing. Pull from unused entities first, fall back to used entities. Scaling cards down to 60% of full size to fit better into the dialog. Using card config array instead of the string array of cards before.

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

Additional information

• Update src/translations/en.json with new phrases

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.

[zsarnett]

Not sure if its helpful to review my self but :). Just places I could see comments happening or had questions on.

[bramkragten]

Layout wise, I'm not a fan of the cards in cards, can we make it just a rounded border instead of a card?

[bramkragten]

We should also check if entities are available before adding them to the preview.

[zsarnett]

• Updated Original post with new style updates
• ToDo:
  • Filter out non-numeric/whatever the card doesn't like (Guage - Non-numeric)
  • If the card comes back as an error card, remove it from preview list, add to non-preview list