HTML elements instead simple text, for all the official cards

[pickonedev]

Hi!

Because of some issues with card mod "loading slower" on some devices, I found a way to show elements only after card mod is loaded, but this it is only working by using html elements into the used properties of the card, in my case, it is for the name property of entities card, but this could apply to any other official home assistant card.
For example, I have this card:

type: entities
entities:
  - entity: sensor.time
    name: <span>test</span>

Which of course, it will show me an entity named <span>test</span> instead only text
If I could use html elements instead a simple text, I chould make my tablets not look horror when the dashboard is reloading...
In the next example, I have a custo card which allow me to use html elements:

type: custom:button-card
entity: switch.1_cb_server_switch
name: <span style="display:none">test</span>
card_mod:
  style: |
    #name span{display:initial !important;font-size:40px}

This card will show the name only after card_mod is applied, not before, which makes my tablet not showing the complete process of loading items and applying the css code. Without this, when the dashboard is reloading, I could see the entity being at the original size, then changed to 40px by card_mod, which is ugly...

I think that the feature of using html elements into all the other properties of all the other old home assistant cards, could help more people to do what they want.

Thank you!