style(decodes): the US state is a proper badge

Bigger and boxed, per its operator — the plain grey text vanished into the
column it was meant to anchor.

frontend/src/components/DecodesPanel.tsx

@@ -1106,12 +1106,11 @@ export function DecodesPanel({ decodes, txMsgs, txState, txStates, spotStatus, o
                       right edge, shortest first so the eye can scan the column
                       rather than read it. */}
                   <span className={CELL_LAST}>
-                    {/* The two-letter US state, when the log or the licence data
+                    {/* The two-letter US state, when the log or the licence
-                        knows it — a WAS chaser reads the column for exactly
+                        data knows it — a WAS chaser reads the column for
-                        this. Plain text, not a badge: it is a fact, not an
+                        exactly this. */}
-                        action. */}
                     {e?.state && (
-                      <span className="text-[10px] font-bold text-muted-foreground shrink-0" title={t('dec.stateTip')}>{e.state}</span>
+                      <span className="rounded px-1.5 py-px text-[11px] font-bold bg-info/15 text-info border border-info/40 shrink-0" title={t('dec.stateTip')}>{e.state}</span>
                     )}
                     {e?.lotw && (
                       <span className="text-[10px] font-bold text-info-muted-foreground shrink-0" title="LoTW">L</span>