fix: Associating FormField hint while not in error state (#2199)

Fixes: #2149  

I observed that when using hintId and hintText props on `<FormField>`, the hint instructions were still not associated to the input field. Screen readers were not automatically reading the description on focus.

[category:Components]

modules/react/form-field/lib/FormField.tsx

@@ -157,15 +157,15 @@ export class FormField extends React.Component<React.PropsWithChildren<FormField
       if (typeof this.props.error !== 'undefined') {
         props.error = this.props.error;
 
-        if (this.props.hintId) {
-          props['aria-describedby'] = this.props.hintId;
-        }
-
         if (this.props.error === ErrorType.Error) {
           props['aria-invalid'] = true;
         }
       }
 
+      if (this.props.hintId) {
+        props['aria-describedby'] = this.props.hintId;
+      }
+
       if (this.props.required) {
         props.required = true;
       }

modules/react/form-field/stories/examples/Hint.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {TextInput} from '@workday/canvas-kit-react/text-input';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export const Hint = () => {
   const [value, setValue] = React.useState('');
@@ -11,6 +12,7 @@ export const Hint = () => {
 
   return (
     <FormField
+      hintId={useUniqueId()}
       hintText="This address will be shown as a shipping address option for future orders."
       label="Address Name"
     >