Updating Hero

[ManishMadan2882]

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)
  Updated Hero.tsx according to the latest UI design, increased height of input field in conversation.
• Why was this change needed? (You can also link to an open issue here)
  Sleek user interface.
• Other information:

[vercel]

@ManishMadan2882 is attempting to deploy a commit to the Arc53 Team on Vercel.

A member of the Team first needs to authorize it.

[dartpain]

Thank you for the PR.
Here are a few comments:

Outline on the buttons should be same color as input

Each button can change outline color on hover.

Also each button needs to be clickable. Upon click it should submit query. The query itself will be grey text
.

Also for examples (left to right, top to bottom)

1. Header - Learn about DocsGPT query - What is DocsGPT
2. Header - Summarise documentation - Summarise current context
3. Header - Write code - Write code for api request for /api/answer
4. Header - Learning assistance - Write potential questions that can be answered by context

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
docs-gpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 16, 2024 9:07am

[ManishMadan2882]

• Demo query on clicking the hero buttons by passing down the handleQuestion() method from Conversation.tsx .
• Fixes lint errors