[BUGFIX] Fix recipients checkboxes in "Send to stage" dialog

Classes and positioning of the recipients checkboxes
in the EXT:workspaces "Send to stage" dialog are
adjusted to be bootstrap 5 compatible, restoring
proper space between checkbox and label.

Resolves: #94241
Related: #93119
Releases: master
Change-Id: If38f03f8c39c830ee5a1292667e8d942b446daff
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/69335
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: core-ci <typo3@b13.com>
Tested-by: Jochen <rothjochen@gmail.com>
Tested-by: Oliver Bartsch <bo@cedev.de>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Jochen <rothjochen@gmail.com>
Reviewed-by: Oliver Bartsch <bo@cedev.de>

Build/Sources/TypeScript/workspaces/Resources/Public/TypeScript/Workspaces.ts

@@ -45,16 +45,18 @@ export default class Workspaces {
 
       for (const recipient of result.sendMailTo) {
         $form.append(
-          $('<div />', {class: 'checkbox'}).append(
-            $('<label />').text(recipient.label).prepend(
-              $('<input />', {
-                type: 'checkbox',
-                name: 'recipients',
-                class: 't3js-workspace-recipient',
-                id: recipient.name,
-                value: recipient.value,
-              }).prop('checked', recipient.checked).prop('disabled', recipient.disabled),
-            ),
+          $('<div />', {class: 'form-check'}).append(
+            $('<input />', {
+              type: 'checkbox',
+              name: 'recipients',
+              class: 'form-check-input t3js-workspace-recipient',
+              id: recipient.name,
+              value: recipient.value,
+            }).prop('checked', recipient.checked).prop('disabled', recipient.disabled),
+            $('<label />', {
+              class: 'form-check-label',
+              for: recipient.name
+            }).text(recipient.label),
           ),
         );
       }