fix(Checkbox): bind data-n-ids to root element

[romhml]

🔗 Linked issue

Resolves #1485

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Bind data-n-ids attribute to root element of the Checkbox component to fix hydration mismatch caused by using useId with inheritAttrs: false.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[benjamincanac]

Thanks @romhml! Do you have an idea why this happens on the Checkbox but not the RadioGroup for example?

[romhml]

@benjamincanac that's because inheritAttrs is set to true on the Radio component, I'll update it to replicate the same behavior as the Checkbox.

[benjamincanac]

I didn't notice that, all components should have inheritAttrs: false to merge classes.