Safer field IDs and markup

Fields sharing a name now get distinct generated IDs, and components use valid HTML nesting. Root name props have been removed.

Bug fixes

• Fixed invalid HTML nesting in Accordion, Badge, Breadcrumbs, Button, Checkbox, Image, ListItem, Radio, Spinner, and Switch by using spans inside labels, buttons, and spans while preserving layout.
• Fixed repeated clip-path IDs in the VerifiedTick icon.

Breaking changes

• Removed name from TextField.Root, TextArea.Root, and PinField.Root. Previously, root name set the input ID when id was omitted. Use id for an explicit ID; keep name on TextField.Input, TextArea.Input, and PinField.Input for form submission.

// Before
<TextField.Root name="email">
  <TextField.Label>Email address</TextField.Label>
  <TextField.Input name="email" />
</TextField.Root>

// After
<TextField.Root id="email">
  <TextField.Label>Email address</TextField.Label>
  <TextField.Input name="email" />
</TextField.Root>

• Changed TextField, TextArea, PinField, FileUpload, and Slider to generate control IDs instead of reusing input names, so fields sharing a name have distinct label and description associations. Set id on each root if external labels, selectors, or tests rely on the previous ID.