feat(FormField): set aria-describedby and aria-invalid attributes

[romhml]

🔗 Linked issue

Resolves #3111

❓ 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

Adds accessibility attributes on FormField and relevant inputs. This PR also adds tests for the label for=... input binding and fixes said binding on the Select component.

📝 Checklist

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

[cloudflare-workers-and-pages]

Deploying ui3 with    Cloudflare Pages

Latest commit:	96c772f
Status:	✅  Deploy successful!
Preview URL:	https://e0acca25.ui-6q2.pages.dev
Branch Preview URL:	https://feat-form-a11y.ui-6q2.pages.dev

View logs

[benjamincanac]

@romhml It seems the tests don't pass on Vue because ids look like v-0 instead of v-0-0. We might need to get the attributes only by name (aria-describedby) without the value to support both versions 😬

[romhml]

Thanks @benjamincanac I'll look into it!

[romhml]

@benjamincanac it should be good to go!

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@3123

commit: 96c772f