fix: 🐛 Add aria-describedby to Edit user details button

Since we cannot apply aria-label to an Hds::Button
when it has text, we can alternatively apply the
aria-describedby attribute instead.  Its value
must match the id of the form.  With that said, a
form id value was also added.

✅ Closes: FE-112

Author: venusang

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

@@ -570,7 +570,9 @@ user:
   actions:
     add-accounts: Add Accounts
     delete: Delete User
-    edit-details: 'Edit User details'
+    edit-details:
+      button-text: 'Edit User details'
+      aria-describedby: 'user-details'
 role:
   title: Role
   title_plural: Roles

addons/rose/addon/components/rose/form/actions/edit-toggle/index.hbs

@@ -8,6 +8,7 @@
     {{yield to='edit'}}
   {{else}}
     <Hds::Button
+      aria-describedby={{@ariaDescribedBy}}
       @text={{@enableEditText}}
       @color='secondary'
       {{on 'click' @enableEdit}}

ui/admin/app/components/form/user/index.hbs

@@ -4,6 +4,7 @@
 }}
 
 <Rose::Form
+  id={{t 'resources.user.actions.edit-details.aria-describedby'}}
   @onSubmit={{@submit}}
   @cancel={{@cancel}}
   @disabled={{@model.isSaving}}
@@ -52,7 +53,10 @@
 
   {{#if (can 'save model' @model)}}
     <form.actions
-      @enableEditText={{t 'resources.user.actions.edit-details'}}
+      @ariaDescribedBy={{t
+        'resources.user.actions.edit-details.aria-describedby'
+      }}
+      @enableEditText={{t 'resources.user.actions.edit-details.button-text'}}
       @submitText={{t 'actions.save'}}
       @cancelText={{t 'actions.cancel'}}
     />