[TASK] Ensure some spacing below translation mode icons

The translation model used in the PageLayoutModule get
the available translation modes over an AJAX request
and rendering the mode rows in JavaScript.

To prepare the reduction of the mode description in
`EXT:deepltranslate_core` this change now adds

```html
style="margin-bottom: 20px;"
```

to the left mode select column for each mode to ensure
some spacing if the description text is to small.

Used command(s):

```shell
Build/Scripts/runTests.sh -t 12 \
  -s buildCoreOverrideJavaScriptFiles \
&& Build/Scripts/runTests.sh -t 13 \
  -s buildCoreOverrideJavaScriptFiles
```

[1] web-vision/deepltranslate-core#512

Author: sbuerk

Build/Overrides/Core12/Sources/TypeScript/backend/localization.ts

@@ -367,7 +367,7 @@ class Localization {
     const iconMarkup: string = await Icons.getIcon(provider.icon, Icons.sizes.large, null, null, MarkupIdentifiers.inline);
     return Promise.resolve(
       '<div class="row">'
-      + '<div class="col-sm-3">'
+      + '<div class="col-sm-3" style="margin-bottom: 20px;">'
       + '<label class="btn btn-default d-block t3js-localization-option" data-helptext=".t3js-helptext-translate">'
       + iconMarkup
       + '<input type="radio" name="mode" id="' + provider.identifier + '" value="' + provider.identifier + '" style="display: none">'

Build/Overrides/Core13/Sources/TypeScript/backend/localization/provider-list.ts

@@ -23,7 +23,7 @@ class LocalizationProviders extends LitElement {
   public override render(): TemplateResult {
     return html`${this.providers.map((provider) =>
       html`<div class="row">
-        <div class="col-sm-3">
+        <div class="col-sm-3" style="margin-bottom: 20px;">
           <input class="btn-check t3js-localization-option" type="radio" name="mode" id="${provider.identifier}" value=${provider.identifier}>
           <label class="btn btn-default btn-block-vertical" for="${provider.identifier}" data-action="${provider.identifier}">
             <typo3-backend-icon identifier=${provider.icon} size="large"></typo3-backend-icon>

Build/Scripts/runTests.sh

@@ -38,6 +38,7 @@ prepareCoreOverrideJavaScriptFilesBuildPath() {
     fi
     git reset --hard
     git clean -xdf
+    git status
     git fetch --all --tags --prune
     git checkout main
     git reset --hard origin/main

Resources/Public/JavaScript/Core12/localization.js

@@ -11,7 +11,7 @@
  * The TYPO3 project - inspiring people to share!
  */
 var __decorate=function(e,t,i,o){var r,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(l<3?r(a):l>3?r(t,i,a):r(t,i))||a);return l>3&&a&&Object.defineProperty(t,i,a),a};import{customElement,property}from"lit/decorators.js";import{html,LitElement}from"lit";import{unsafeHTML}from"lit/directives/unsafe-html.js";let LocalizationProviders=class extends LitElement{render(){return html`${this.providers.map((e=>html`<div class="row">
-        <div class="col-sm-3">
+        <div class="col-sm-3" style="margin-bottom: 20px;">
           <input class="btn-check t3js-localization-option" type="radio" name="mode" id="${e.identifier}" value=${e.identifier}>
           <label class="btn btn-default btn-block-vertical" for="${e.identifier}" data-action="${e.identifier}">
             <typo3-backend-icon identifier=${e.icon} size="large"></typo3-backend-icon>