Mantine Switch should follow accessibility best practices

[ocshawn]

Current Switch component fails accessibility checks for using an empty label to land user clicks on a checkbox. If user also uses the label prop a second label is created with the same for target which is also not allowed.

Consider reworking the component to behave more like the W3C APG example

[rilrom]

@ocshawn good points, I'll attempt to put together a suitable solution for this.

[ocshawn]

@rilrom im also working on a fix (but im new to the community) so we will see how it goes

[ocshawn]

@rilrom is it ok if i create a PR for v6 using your fix as a basis as we have not upgraded from v6 yet?