feat(frontend): Add photo block

[aarushik93]

Background

Needed so we can have photos as inputs

Changes 🏗️

Added a photo node that is rendered for photo analysis blocks

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

[qodo-code-review[bot]]

PR Reviewer Guide 🔍

⏱️ Estimated effort to review: 3 🔵🔵🔵⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Key issues to review Error Handling The component catches errors when starting the camera, but doesn't handle potential errors when capturing a photo. Consider adding error handling for the capturePhoto function. Performance Concern The capturePhoto function converts the image to a base64 string, which can be inefficient for large images. Consider using Blob or File objects instead. Code Duplication The new code block for PhotoAnalysisBlock duplicates some existing code. Consider refactoring to reduce duplication and improve maintainability.

[netlify[bot]]

✅ Deploy Preview for auto-gpt-docs canceled.

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

[Swiftyos]

Please can you add a video demonstrating the new ui elements

[github-actions[bot]]

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

[aarushik93]

Gonna clean this up and do it from my original branch