fix(ui): tidy the new record and settings surfaces at phone width

- Composition amounts show only the decimals they carry, so 100 µg no
  longer reads as 100.000 µg; the remove button stays on the amount row.
- AUDIT-C remove controls are icon-only, so they no longer spill out of
  the card or cover the earlier answer.
- Life-circumstance labels keep their colon when they wrap, checkbox
  groups sit in two columns and the weekly-minutes sentence ends.
- Link chips get a 44 px hit area for their remove control.
- The AI usage level reports a failed save with a sentence and the
  error id instead of a bare "Error".
- The Dawarich home-country and admin refresh-gap labels sit above
  their fields.

src/components/admin/ai-usage-section.tsx

@@ -188,7 +188,7 @@ function AiUsageForm({ bounds }: { bounds: AiUsageBounds }) {
           </p>
         ) : null}
         <div className="space-y-1.5">
-          <Label htmlFor="admin-ai-usage-gap">
+          <Label htmlFor="admin-ai-usage-gap" className="block leading-snug">
             {t("admin.aiUsage.gapLabel")}
           </Label>
           <Input