Fix <label> tag for messages.automatedEditsCodeUICheckboxLabel

[tordans]

On this page, only the checkobx is clickable, not the label.

It would be great if the label where clickable as well…

This is the generated code:

---

I tracked this down to

maproulette3/src/components/Custom/RJSFFormFieldAdapter/RJSFFormFieldAdapter.jsx

Lines 188 to 193 in 8f6303b

	<div className="mr-items-center mr-flex mr-space-x-2">
	<OriginalCheckboxWidget {...props} label="" />
	<p className="mr-text-mango mr-text-sm">
	<FormattedMessage {...props.schema.checkboxLabel} />
	</p>
	</div>

which build a visual label with orange text and leaves the actual <label> blank.

The form field is defined in

maproulette3/src/components/AdminPane/Manage/ManageChallenges/EditChallenge/Schemas/AutomatedEditsCodeAgreementSchema.js

Line 33 in 8f6303b

"ui:groupHeader": options.longForm

The way I read the docs for this UI library https://rjsf-team.github.io/react-jsonschema-form/docs/api-reference/uiSchema/#classnames it should be possible to more the mr-text-mango mr-text-sm classes to the field definition as 'ui:classNames': 'mr-text-mango mr-text-sm' to apply the color overwrite to the actual <label>

---

I consider this a low prio issue, so feel free to close or move into the "good first issue" lane to be maybe fixed later.