Connect labels to input elements

[lukasrad02]

Currently, all labels in the frontend aren't connected to the input element they're describing. Therefore, nothing happens when clicking the label.

Steps to reproduce:

1. Open the editor
2. Click the text "Verbindungen anzeigen" in the sidebar
3. Click the toggle next to "Verbindungen anzeigen"

You can see that clicking the text doesn't change the state of the toggle, while clicking the toggle itself does.

Connecting label and input element would allow users to click on the label instead of the input element itself. This is especially helpful for elements like toggles and also increases accessibility since there is a logical connection between the description of the element and the element itself.

[anonym-HPI]

Also maybe put labels in front of toggles, like in iOS or Android settings.

We should also keep touch friendliness in mind.

[Dassderdie]

Accessibility is the least of our concerns, as the whole canvas stuff is a massive blocker for this.

But it would be very nice to follow this best practice and have the label as a bigger touch surface.

One note: ids should always be unique in the whole DOM. This could cause problems in reusable components later on (or in *ngFor loops). One could either always use appropriate ids or indices or make a reusable boolean input component (or directive?) that creates its own uuid for this.