Fix css syntax for Metric component

[namnguyen20999]

What type of PR is this? (check all applicable)

• Refactor
• Feature
• Bug Fix
• Optimization
• Documentation Update

Description

Resolve issue when width/height with CSS units not working for metrics

from taipy.gui import Gui

value = 45

page = """
<|{value}|metric|width=30rem|height=30rem|>
"""

Related Tickets & Documents

resolve issue #2141

Checklist

We encourage you to keep the code coverage percentage at 80% and above.

• Does this solution meet the acceptance criteria of the related issue?
• Is the related issue checklist completed?
• Does this PR adds unit tests for the developed code? If not, why?
• End-to-End tests have been added or updated?
• Was the documentation updated, or a dedicated issue for documentation created? (If applicable)
• Is the release notes updated? (If applicable)

[github-actions]

Coverage report for ./frontend/taipy

Caution

Coverage does not meet threshold
Statements coverage not met for global: expected >=80%, but got 51.87376725838264%

St.❔	Category	Percentage	Covered / Total
🔴	Statements	51.87%	263/507
🔴	Branches	21.61%	67/310
🔴	Functions	14.66%	17/116
🔴	Lines	53.19%	242/455

Test suite run success

7 tests passing in 1 suite.

Report generated by 🧪jest coverage report action from 511646f

[github-actions]

☂️ Python Coverage

current status: ✅

Overall Coverage

Lines	Covered	Coverage	Threshold	Status
19486	16952	87%	0%	🟢

New Files

No new covered files...

Modified Files

No covered modified files...

updated for commit: 511646f by action🐍

[FabienLelaquais]

👌