Another update to the text on the add-ons page (#2541)

-   Ticket: [ENG-6927]

## Purpose
Finalize the text.

## Summary of Changes
Added another translation string.
Adds a div to create some spacing

Author: bp-cos

app/settings/addons/styles.scss

@@ -9,6 +9,10 @@
     display: flex;
     flex-direction: column;
 
+    .detail-wrapper {
+        padding: 10px;
+    }
+
     &.mobile {
         width: 100%;
         flex-wrap: wrap;

app/settings/addons/template.hbs

@@ -119,8 +119,10 @@
                             data-analytics-scope='All addons tab'
                             local-class='addons-list-wrapper {{if (media 'isMobile') 'mobile'}}'
                         >
-                            {{t 'addons.list.sync-details-1'}}
-                            {{t 'addons.list.sync-details-2'}}
+                            <div local-class='detail-wrapper'>
+                                {{t 'addons.list.sync-details-1'}}
+                                {{t 'addons.list.sync-details-4'}}
+                            </div>
                             <ul local-class='addons-card-wrapper'>
                                 {{#each manager.filteredAddonProviders as |provider|}}
                                     <li
@@ -149,7 +151,9 @@
                             data-analytics-scope='Connected accounts tab'
                             local-class='addons-list-wrapper {{if (media 'isMobile') 'mobile'}}'
                         >
-                            {{t 'addons.list.sync-details-3'}}
+                            <div local-class='detail-wrapper'>
+                                {{t 'addons.list.sync-details-3'}}
+                            </div>
                             <ul local-class='configured-addons-wrapper'>
                                 {{#each manager.currentTypeAuthorizedAccounts as |account|}}
                                     <li local-class='provider-list-item' data-test-provider-list-item={{account.displayName}}>

translations/en-us.yml

@@ -250,6 +250,7 @@ addons:
         sync-details-1: 'Sync your projects with external services to help stay connected and organized. Select a category and browse the options.'
         sync-details-2: 'To manage all add-ons connected to your account, visit your profile settings.'
         sync-details-3: 'Manage your connected Add-ons, re-authorize, disconnect account, or disconnect project'
+        sync-details-4: 'Add-ons can also be linked directly from Project page.'
         filter-placeholder: 'Filter add-ons'
         filter:
             all: 'All'