TextArea Re-sizing Issue

[beahackman]

What does this PR do?

Added a max-width=100% property to the TextArea component to address re-sizing issue and ran prettier.

Where should the reviewer start?

StyleTextArea.js file is where the change has been done.

What testing has been done on this PR?

Ran locally on storybook.

How should this be manually tested?

Do Jest tests follow these best practices?

• screen is used for querying.
• The correct query is used. (Refer to this list of queries)
• userEvent is used in place of fireEvent.
• asFragment() is used for snapshot testing.

Any background context you want to provide?

What are the relevant issues?

#6919

Screenshots (if appropriate)

Do the grommet docs need to be updated?

Should this PR be mentioned in the release notes?

Is this change backwards compatible or is it a breaking change?

Yes

[MikeKingdom]

The change looks good.
You should revert the yarn.lock change though. You shouldn't need to updated yarn.lock in this case

[MikeKingdom]

Much better. And it looks good on the storybook.

You'll also need to run yarn test-update and include the updated snapshots since the new max-width style is showing up there and causing tests to fail.

[MikeKingdom]

Awesome. Thanks!

[jcfilben]

Looks good!