UX: smaller new feature emoji (#24454)

Moved the new feature emoji to the left of the title and made it smaller.

app/assets/javascripts/admin/addon/components/dashboard-new-feature-item.gjs

@@ -9,14 +9,14 @@ export default class DashboardNewFeatureItem extends Component {
     <div class="admin-new-feature-item">
       <div class="admin-new-feature-item__content">
         <div class="admin-new-feature-item__header">
-          <h3>
-            {{@item.title}}
-          </h3>
           {{#if (and @item.emoji (not @item.screenshot_url))}}
             <div
               class="admin-new-feature-item__new-feature-emoji"
             >{{@item.emoji}}</div>
           {{/if}}
+          <h3>
+            {{@item.title}}
+          </h3>
         </div>
         {{#if @item.screenshot_url}}
           <img

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

@@ -679,21 +679,18 @@
   padding: 1em;
 
   &__new-feature-emoji {
-    font-size: 3.5em;
-    padding-left: 0.5em;
+    font-size: 1.2em;
+    padding-left: 0;
+    padding-right: 0.5em;
   }
 
   &__content {
     padding-right: 0.5em;
     width: 100%;
   }
-  &__feature-description {
-    padding-top: 1em;
-  }
   &__header {
     display: flex;
     align-items: flex-start;
-    justify-content: space-between;
     font-size: var(--font-up-1);
     font-weight: bold;
     margin-bottom: 0.5em;

app/assets/stylesheets/mobile/dashboard.scss

@@ -5,6 +5,7 @@
   }
   .navigation a.navigation-link {
     padding: 0.5em;
+    font-size: var(--font-down-1);
   }
   .dashboard-new-features .section-body {
     grid-template-columns: none;