feat: multiline ai assist prompts

[AyushAgrawal-A2]

closes #1210

Changes:

• Added Textarea component which can auto grow unto a max height, used this for AI assist promts. Max height is currently set to 120px, configurable via props.
• Fixed auto focus of prompt input on selecting AI assistant tab.

ai.assist.prompt.input.webm

[cla-bot]

We require contributors to sign our Contributor License Agreement, and we don"t have one on file for you. In order for us to review and merge your code, please contact our team at https://www.quadratichq.com/contact.

[vercel]

@AyushAgrawal-A2 is attempting to deploy a commit to the Quadratic Team on Vercel.

A member of the Team first needs to authorize it.

[cla-bot]

We require contributors to sign our Contributor License Agreement, and we don"t have one on file for you. In order for us to review and merge your code, please contact our team at https://www.quadratichq.com/contact.

[cla-bot]

We require contributors to sign our Contributor License Agreement, and we don"t have one on file for you. In order for us to review and merge your code, please contact our team at https://www.quadratichq.com/contact.

[vercel]

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

Name	Status	Preview	Updated (UTC)
quadratic	✅ Ready (Inspect)	Visit Preview	May 20, 2024 7:04pm

[jimniels]

I added a few additional fixes, tweaks to this, including:

• CMD+Enter submits the textarea, with Enter and Shift+Enter now inserting a line. This aligns the input more broadly with web app textarea inputs (like twitter) as well as our own code editor which uses CMD+Enter to "submit" and run the code while Enter just adds a new line. Added a shortcut to the tooltip to indicate this to the user

• Multi-line user inputs were not displaying as multi-line messages from the user who typed them. Now they do.

• "Send" button aligns to the bottom of the textarea as it expands in height (so does loading indicator)

[jimniels]

Will merge this once all tests pass...