(#247) Fix widget scaling issue

[ryanw-mobile]

Eventually, we have to fall back to .weight should we want all widgets to share equal width while we resize the window dynamically on the desktop.

We introduced new dimension values, so we now explicitly specify the max width with respect to the window width sizes.

The trend indicator size is now smaller to fit the default pixel 7 screen width.

The text for the latest tariff unit rate is simplified.

[codacy-production[bot]]

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
:white_check_mark: -0.03% (target: -1.00%)	:white_check_mark: ∅

Coverage variation details

| | Coverable lines | Covered lines | Coverage | | ------------- | ------------- | ------------- | ------------- | | Common ancestor commit (0878677078f47b3d4bccd5222b03134140e9b712) | 2129 | 1398 | 65.66% | | | Head commit (4eb83d424edd115fee302c1b4733997dedc1f1aa) | 2130 (+1) | 1398 (+0) | 65.63% (**-0.03%**) | **Coverage variation** is the difference between the coverage for the head and common ancestor commits of the pull request branch: ` - `

Diff coverage details

| | Coverable lines | Covered lines | Diff coverage | | ------------- | ------------- | ------------- | ------------- | | Pull request (#250) | 0 | 0 | **∅ (not applicable)** | **Diff coverage** is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: `/ * 100%`

See your quality gate settings    Change summary preferences

---

_{:rocket: Don’t miss a bit, follow what’s new on Codacy.}

_{Codacy stopped sending the deprecated coverage status on June 5th, 2024. Learn more}