feat: animate error text replacing helper text (#1916)

* swap input text error png for gif

* swap pattern form error text png to gif

* swap dropdown helper text png to gif

* swap select helper text png to gif

* Update src/pages/components/select/usage.mdx

Fix tooltip title for select invalid state gif

Co-authored-by: emyarod <emyarod@users.noreply.github.com>

* Delete dropdown-usage-14.gif

Changing helper/error text to 'user' from 'project'.

* Add dropdown-usage-14.gif

Changing helper/error text to 'user' from 'project'.

* Delete select-usage-1.gif

Changing helper text to 'user' from 'project'.

* Add fixed select-usage-1.gif

Changing helper text to 'user' from 'project'.

* Delete dropdown-usage-9a.png

Fix helper text to show 'user' instead of 'project'.

* Delete dropdown-usage-9b.png

Fix helper text to show 'user' instead of 'project'.

* Add dropdown-usage-9a.png

Fix helper text to show 'user' instead of 'project'.

* Add dropdown-usage-9b.png

Fix helper text to show 'user' instead of 'project'.

Co-authored-by: emyarod <emyarod@users.noreply.github.com>
Co-authored-by: Alessandra Davila <aledavila@ibm.com>

src/pages/components/dropdown/usage.mdx

@@ -44,8 +44,8 @@ functionality—dropdown, multiselect, and combo box.
 | Type                        | Purpose                                                                                                  |
 | --------------------------- | -------------------------------------------------------------------------------------------------------- |
 | [Dropdown](#dropdown)       | Allows the user to select one option from a list.                                                        |
-| [Multiselect](#multiselect)| Allows the user to select multiple options from a list and filter.                                       |
-| [Combo box](#combo-box)      | Allows a user to enter any value, or select a value from a list of suggested, likely, or desired values. |
+| [Multiselect](#multiselect) | Allows the user to select multiple options from a list and filter.                                       |
+| [Combo box](#combo-box)     | Allows a user to enter any value, or select a value from a list of suggested, likely, or desired values. |
 
 #### When to use
 
@@ -662,7 +662,7 @@ usage page.
 <Row>
 <Column colLg={8}>
 
-![Dropdown invalid state.](images/dropdown-usage-14.png)
+![Dropdown invalid state.](images/dropdown-usage-14.gif)
 
 </Column>
 </Row>

src/pages/components/select/usage.mdx

@@ -158,7 +158,7 @@ the user is filling out forms. For full guidelines, refer to the
 <Row>
 <Column colLg={8}>
 
-![Example of a small select](images/select-usage-1.png)
+![Select invalid state](images/select-usage-1.gif)
 
 </Column>
 </Row>

src/pages/components/text-input/usage.mdx

@@ -144,7 +144,7 @@ the user is filling out forms. For full guidelines, refer to the
 <Row>
 <Column colLg={8}>
 
-![Validation text example](images/text-input-usage-2.png)
+![Validation text example](images/text-input-usage-2.gif)
 
 </Column>
 </Row>

src/pages/patterns/forms-pattern/index.mdx

@@ -490,7 +490,7 @@ Common user errors include:
 <Row>
 <Column colLg={8}>
 
-![Example of client-side error message](/images/Inline_error_message.png)
+![Example of client-side error message](/images/inline-error-message.gif)
 
 </Column>
 </Row>