Feat(Otto) Add Initial Otto Chat Bot code

[Bentlybro]

Changes 🏗️

This is to add the Otto chat bot to the frontend UI.

The changes i have made for this goes as follows:

• I have made and added a basic chat UI widget to the build page, this will become the main UI for Otto, this will be getting updates in the future.
• I have made an API route /api/otto/ask that will receive the message from the frontend and pass it to the Otto API that we have setup on GCP.

I already have plans for how we can improve the UI and make it more modular, this way we can add more features to Otto down the line!

Config Changes

When we merge this, we will need to add the ENV var for otto_api_url that will be the URL from GCP where the API is being hosted!

This is now ready for a review as the backend API is up and running, to who ever does test this, if you want the API url please DM me 😄

Checklist 📋

For code changes:

• I have clearly listed my changes in the PR description
• I have made a test plan
• I have tested my changes according to the test plan:
  • Set the ENV var for otto_api_url - ask @Bentlybro for this
  • Set the ENV var for NEXT_PUBLIC_BEHAVE_AS to CLOUD
  • Send otto a message from the build page frontend
  • Send otto a message that contains graph data to see if the sending graph data works

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[netlify]

✅ Deploy Preview for auto-gpt-docs-dev canceled.

Name	Link
🔨 Latest commit	ff1224b
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs-dev/deploys/67c9dc2d6944850008d02657

[netlify]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	ff1224b
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/67c9dc2d45568b0008e3da1d

[github-actions]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[github-actions]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[deepsource-io]

Here's the code health analysis summary for commits 7eb0466..ff1224b. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success	❗ 66 occurences introduced 🎯 59 occurences resolved	View Check ↗
Python	✅ Success	❗ 13 occurences introduced 🎯 6 occurences resolved	View Check ↗

---

💡 If you’re a repository administrator, you can configure the quality gates from the settings.

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[github-actions]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[github-actions]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[AutoGPT-Agent]

The PR appears to be well structured with several good practices, but has some issues that need attention: 1) The PR template checklist is missing configuration changes section which should be filled since a new ENV variable is being added (otto_api_url) 2) Though they have a test plan, it could be more comprehensive to include error cases and authentication testing 3) The code changes properly handle user_id in the backend routes which is good