Design: UI-Bausteine rendern die neuen Klassen (Button, Badge, Card, Kopf, Reiter, Stat)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/components/ui/Field.jsx

@@ -1,9 +1,9 @@
-export default function Field({ label, children, hint }) {
+export default function Field({ label, htmlFor, children, hint }) {
   return (
     <div className="field">
-      {label && <label>{label}</label>}
+      {label && <label htmlFor={htmlFor}>{label}</label>}
       {children}
-      {hint && <div className="faint" style={{ fontSize: 12 }}>{hint}</div>}
+      {hint && <div className="hint">{hint}</div>}
     </div>
   )
 }