Make toggle switch labels clickable

[nqst]

Enable clicking on toggle switch labels on the Set up a Webhook and Board Settings pages:

[brunoprietog]

There should be only one label per input. To avoid having to generate the ID, you can simply wrap the input inside the label and everything will be clickable. The element for screen readers should also remain inside the label in that case.

[andyra]

Nice improvement, @nqst! After wrapping the control in a label like @brunoprietog suggested, I'd also recommend adding pointer: cursor; to the .switch class so it's a little more clear that the text is clickable when using a mouse.

[nqst]

Suggested change

	<label class="toggler__visible-when-off flex align-center gap cursor-pointer">
	<label class="toggler__visible-when-off flex align-center gap">

I'm not entirely sure about using cursor-pointer on the text labels like this — it feels a bit distracting to me. I'd prefer keeping the default cursor there.

That said, it's up to you. Feel free to apply the suggestion if you agree, or leave it as is if you think the pointer cursor works better.

[nqst]

Thanks for the helpful feedback, @brunoprietog @andyra! I've addressed everything.

[andyra]

Looks good 👍