Toggle isn't flexible enough to support any kind of label design

[petemill]

Affects accessibility as it forces consumer to put the "label" outside of the Toggle component, which result in the Toggle's button not having any descriptive content.

Example:

[petemill]

Actually this might not be needed as we already have --leo-toggle-label-flex-direction and --leo-toggle-label-gap. Combined with width: 100%, I don't think we'd need much else. Perhaps we need to be able to customize justify-content.

[petemill]

Another thought on the topic of Toggle's accessibility is that it combines a <label> and a <button>, but the labelling content is not put inside the button, even though that is the main actionable element. Wouldn't it be more appropriate to put the labelling content inside the <button> and maybe also not have a <label>?