WIP- ci(frontend,design): add storybook builds to the frontend

[ntindle]

Storybook is a tool designed for design to approve design systems

Changes 🏗️

• Fixes a lot of storybook stories
• Adds providers to the storybook system
• Adds mocks for backend libraries

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:
  • [ ] test chromatic to ensure that it works and all the stories render

[supabase[bot]]

This pull request has been ignored for the connected project bgwpwdsxblryihinutbx because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase. Learn more about Supabase Branching ↗︎.

[github-actions[bot]]

This PR targets the master branch but does not come from dev or a hotfix/* branch.

Automatically setting the base branch to dev.

[qodo-code-review[bot]]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

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

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Secret Validation Verify that the CHROMATIC_PROJECT_TOKEN secret is properly configured in the repository settings, as it is required for the Chromatic action to work # ⚠️ Make sure to configure a `CHROMATIC_PROJECT_TOKEN` repository secret projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

[netlify[bot]]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	54bbafc431605c4342b75400c4c152b84b7c060a
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/6807ae2d4dd881000845dfe5

[netlify[bot]]

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

Name	Link
🔨 Latest commit	54bbafc431605c4342b75400c4c152b84b7c060a
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs-dev/deploys/6807ae2d58e1ba00086103d7

[deepsource-io[bot]]

Here's the code health analysis summary for commits 20d39f6..5662783. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success	❗ 10 occurences introduced 🎯 2 occurences resolved	View Check ↗
Python	✅ Success		View Check ↗

---

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

[github-actions[bot]]

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

[aarushik93]

Could you please add a description, it will help me review

[github-actions[bot]]

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

[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.

[github-actions[bot]]

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

[Abhi1992002]

@ntindle I’m closing this PR because it’s becoming very tedious to rebase it on the latest dev. It’s also easy to write changes manually. I’ve added all the changes in this PR