fix: multiline textarea resizing for json input

[spgandhi]

About the changes

Background

https://github.com/orgs/Unleash/discussions/4450

Problem

The textarea when adding JSON payload was of fixed size and did not allow resizing. Although MUI knows to render TextareaAutosize when multiline=true as suggested in their docs - https://mui.com/material-ui/react-text-field/#multiline, but even in their examples in the docs, the resizing is not present. So perhaps some bug on their end

Solution

With this PR we are adding resize: vertical styling if the Input component is rendering the native textarea.
This solution will make both json and csv payload type inputs resizable since they both render as textarea

bytCu0deYU.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
unleash-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 23, 2023 11:32am
unleash-monorepo-frontend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 23, 2023 11:32am

[vercel]

@spgandhi is attempting to deploy a commit to the unleash-team Team on Vercel.

A member of the Team first needs to authorize it.

[nunogois]

Thank you for your contribution, I think this is a positive step forward!

My only suggestion is to set a minimum height in the textarea so that we cannot resize the field to be smaller than the other input fields. Once we address that, this should be good to go 🙂

[spgandhi]

@nunogois thanks for the feedback. I have added the minHeight and ready for review again

[spgandhi]

@nunogois just checking in on this PR ^^ :)

[nunogois]

Thanks for pinging me @spgandhi - I was away for holidays and missed this.

Seems like there's only a small formatting / styling issue that should have been caught by Prettier, but other than that, this looks ready to merge 👍