FIX: Prevent layout shift caused by locale description length (#28807)

* FIX: Prevent layout shift caused by locale description length

* Fix linting error

* Apply prettier

app/assets/javascripts/admin/addon/templates/admin-badges.hbs

@@ -34,19 +34,24 @@
       />
     </:actions>
   </AdminPageHeader>
-  <div class="content-list">
-    <ul class="admin-badge-list">
-      {{#each this.model as |badge|}}
-        <li class="admin-badge-list-item">
-          <LinkTo @route={{this.selectedRoute}} @model={{badge.id}}>
-            <BadgeButton @badge={{badge}} />
-            {{#if badge.newBadge}}
-              <span class="list-badge">{{i18n "filters.new.lower_title"}}</span>
-            {{/if}}
-          </LinkTo>
-        </li>
-      {{/each}}
-    </ul>
+
+  <div class="admin-container">
+    <div class="content-list">
+      <ul class="admin-badge-list">
+        {{#each this.model as |badge|}}
+          <li class="admin-badge-list-item">
+            <LinkTo @route={{this.selectedRoute}} @model={{badge.id}}>
+              <BadgeButton @badge={{badge}} />
+              {{#if badge.newBadge}}
+                <span class="list-badge">{{i18n
+                    "filters.new.lower_title"
+                  }}</span>
+              {{/if}}
+            </LinkTo>
+          </li>
+        {{/each}}
+      </ul>
+    </div>
+    {{outlet}}
   </div>
-  {{outlet}}
 </div>

app/assets/stylesheets/common/admin/badges.scss

@@ -5,6 +5,7 @@
   .badges {
     display: flex;
     flex-wrap: wrap;
+    flex-direction: column;
     .badges-header {
       display: flex;
       align-items: center;

app/assets/stylesheets/mobile/admin_badges.scss

@@ -4,6 +4,7 @@
       margin: 0 0.25em;
       .content-list {
         flex: 0 0 100%;
+        width: 100%;
         .admin-badge-list {
           max-height: 40vh;
           margin-right: 0;