Add unit to temperature tile number button group

[spacegaier]

Breaking change

Proposed change

The tile feature was missing the temperature unit.

I pulled out the value and unit formatting logic so we are not redundantly copying that around.

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

Example configuration

Additional information

• This PR fixes or closes issue: fixes Tile card temperature target feature > Missing units #17821
• This PR is related to issue or discussion:
• 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

[piitaya]

Hello 👋
The target temperature tile feature has been designed to fit half screen, so adding the unit will cause overflow.

We should only show unit if there isn't enough space. May be using https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries? I never tested it but browser support is not bad : https://caniuse.com/css-container-queries

[bramkragten]

We should only show unit if there isn't enough space. May be using developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries? I never tested it but browser support is not bad : caniuse.com/css-container-queries

That's pretty sweet, we should use that in other places too where we now use resize-observer

[piitaya]

I used container queries to hide the unit if space is missing.

I also used blankBeforeUnit introduced by #18567

[piitaya]

Role was wrong