refactor: 💡 update button text to Manage custom scopes (#2378)

addons/core/translations/resources/en-us.yaml

@@ -607,9 +607,9 @@ role:
         sub-title: Add all of the orgs and the projects in the orgs that are underneath this scope
     actions:
       manage-scopes: Manage Scopes
-      add-custom-scopes:
-        text: Add custom scopes
-        help: Customize which scopes are added to this role.
+      manage-custom-scopes:
+        text: Manage custom scopes
+        help: Customize which scopes are associated with this role.
       view-projects: '{selected}/{total} total projects'
     form:
       this:

ui/admin/app/components/form/role/manage-scopes/index.hbs

@@ -68,7 +68,7 @@
   {{/if}}
 
   <Hds::Button
-    @text={{t 'resources.role.scope.actions.add-custom-scopes.text'}}
+    @text={{t 'resources.role.scope.actions.manage-custom-scopes.text'}}
     @color='secondary'
     @icon={{if @showCheckIcon 'check-circle'}}
     @route={{if
@@ -80,10 +80,10 @@
   />
 
   <Hds::Form::HelperText
-    @controlId='for-add-custom-scopes-button'
-    class='add-custom-scopes-helper-text'
+    @controlId='for-manage-custom-scopes-button'
+    class='manage-custom-scopes-helper-text'
   >
-    {{t 'resources.role.scope.actions.add-custom-scopes.help'}}
+    {{t 'resources.role.scope.actions.manage-custom-scopes.help'}}
   </Hds::Form::HelperText>
 
   <form.actions

ui/admin/app/styles/app.scss

@@ -1045,7 +1045,7 @@
 }
 
 .role-manage-scopes-form {
-  .add-custom-scopes-helper-text {
+  .manage-custom-scopes-helper-text {
     margin-top: 0.5rem;
     margin-bottom: 2rem;
   }