Add product picture to ozw node dashboard

[cgarwood]

Proposed change

OpenZWave provides a base64 version of the product picture for many different models of Z-Wave devices in the node metadata. This PR includes that image on the Node Dashboard in the config panel.

Using float feels dirty in 2020 but that seemed to end up with less code than trying to flexbox it.

Planning to do a separate PR to add this to the device page for ozw devices as well.

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

• This PR fixes or closes issue: fixes #
• This PR is related to issue:
• 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]

What was the problem with flexbox? Seems like it should be easy?

[cgarwood]

I couldn't figure out text wrapping, though in the current configuration text wrapping may not be necessary. I'll mess with it a little more and see what I can come up with.

[cgarwood]

Converted from float to flexbox 👍

[bramkragten]

Can we btw do this differently? Sending large files like images over the WebSocket is not recommended, would rather have just the URL or something.

[cgarwood]

OZW just has the base64 encoded image in the MQTT data for the node. Though I suppose we could register a regular HTTP endpoint on the backend to return the image instead of feeding it over the websocket. I've never done anything with custom endpoints like that in the backend though.

[bramkragten]

Something for a future PR maybe

[cgarwood]

Ready for final review 👍