Weather Card: add icons instead of text

[zsarnett]

Proposed change

Type of change

• New feature (thank you!)

Example configuration

- attribute: humidity
  entity: weather.dark_sky
  name: Home
  show_forecast: true
  type: weather-forecast
- entity: weather.home
  show_forecast: false
  type: weather-forecast
- entity: weather.dark_sky
  name: 'Chicago, Illinois'
  show_forecast: false
  type: weather-forecast
  secondary_info_attribute: wind_speed
- entity: weather.openweathermap
  name: Open Weather Map
  type: weather-forecast
- entity: weather.dark_sky
  name: 'Chicago, Illinois'
  show_forecast: false
  type: weather-forecast
  secondary_info_attribute: visibility
- entity: weather.dark_sky
  name: 'Chicago, Illinois'
  show_forecast: false
  type: weather-forecast
  secondary_info_attribute: pressure

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue: Text gets cut off in many places when it shouldn't be #6989, Weather card: truncated weather status #5923
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[bramkragten]

Do we still use the other translations elsewhere?

[zsarnett]

Yes the More info