Feat(Builder/tutorial): update tutorial to make it work with latest UI

[Bentlybro]

Background

This updates the tutorial to use the latest UI layout that we have setup + includes parts on how to save the current graph

Changes 🏗️

Made it so users dont press the + as that was removed, the press the whole block to add it. Made it properly highlight the calculator block yellow so its easy to see and greys out the rest of the blocks so they cant be pressed. Made it tell the user how to save the graph as that is now mandatory for every flow.

Latest video to show tutorial working, recorded on 10.02.2024

https://github.com/user-attachments/assets/9b5867f3-65c0-4f42-847a-6c2bbdd34706

Testing 🔍

[!NOTE] Only for the new autogpt platform, currently in autogpt_platform/

• Create from scratch and execute an agent with at least 3 blocks
• Import an agent from file upload, and confirm it executes correctly
• Upload agent to marketplace
• Import an agent from marketplace and confirm it executes correctly
• Edit an agent from monitor, and confirm it executes correctly

[github-actions[bot]]

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

[netlify[bot]]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	06e3f38edbfb3ac252702ec8bb76d181f776e010
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/66ffbb74aeb8260008076b85

[github-actions[bot]]

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

[Bentlybro]

Needs just a few more tweaks with the new block UI but then this will be ready to go after that!

[github-actions[bot]]

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

[github-actions[bot]]

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