Language dropdown chevron is detached — full-width native select with a short value

[nficano]

Summary

The docs language <select> is w-full (239px) but holds a short value (e.g. "csharp"), so the native chevron is pinned ~150px to the right of the text — it reads as detached. The native arrow is also visually off-brand against the editorial Inkwell theme.

Location(s)

• Docs sidebar — app/layouts/docs.vue, all docs routes.

Severity

P3 — polish nit.

Evidence

select: width 239px, padding 8px / 8px, value "csharp" left-aligned
native chevron pinned at the right edge → large empty gap after the value

Screenshot: .audit/evidence/audit-docs-1280-csharp-getting-started.png — chevron floats far right of "csharp".

Suggested fix

• Make the control w-fit (hug the value) and add a custom chevron ~8px after the text, or replace the native <select> with USelect and style the trailing icon to match the theme.
• Pairs naturally with the value-binding bug in Language selector stuck on "csharp" regardless of current section #2 — both are the same control.

Acceptance criteria

• Chevron sits adjacent to the selected value, not at the panel edge
• Control styling matches the Inkwell theme (no default native arrow)