UI: fix loadpoint value alignment on narrow screens (#31993)

[jenskueper]

Fixes #31993. On viewports below the sm breakpoint, .text-truncate-xs-only applies overflow: hidden to the label inside the session-info select on the loadpoint card.

Because a scroll container has no text baseline, the baseline of the surrounding inline-block select falls back to its bottom edge, which grows the label's line box and pushes the session value a few pixels below the other loadpoint values (power, charged energy). This happens at the same breakpoint where the loadpoint header wraps onto two lines, which is why the two effects appear linked. Top-aligning the select inside the label keeps the line box at its normal height, so all values stay on one line; rendering at larger viewports is unchanged.

[sourcery-ai]

Hey - I've left some high level feedback:

• The .labelSelect class name is a bit generic; consider a more descriptive name tied to the session info context to reduce ambiguity and future misuse.
• The vertical-align: top !important; rule may be hard to override later; if possible, prefer adjusting the CustomSelect or utility classes to avoid relying on !important.

Prompt for AI Agents

Please address the comments from this code review:

## Overall Comments
- The `.labelSelect` class name is a bit generic; consider a more descriptive name tied to the session info context to reduce ambiguity and future misuse.
- The `vertical-align: top !important;` rule may be hard to override later; if possible, prefer adjusting the CustomSelect or utility classes to avoid relying on `!important`.

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[andig]

See agents.md