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

[Abhi1992002]

• fixing Fix and Run storybook-test:ci as part of our design approval process + Show previews on PRs #9335

Changes

• I’ve added chromatic to our GitHub CI pipeline.
• I’ve added mock providers to our Storybook.
• I’ve fixed the tailwind CSS fonts for our stories.
• I’ve fixed all the tests in our Storybook.
• I’ve made each component pixel perfect according to our new design.
• I’ve fixed all the stories according to our new component structure and rewritten all the tests accordingly.
• Removed example stories
• Removed unnecessary classes from the component.
• Added default images for the agent and creator for testing purposes only.
• Added a new Provider to have a wrapper that sets the max width and applies different background colors for different pages.

Notes

• This PR does not cover responsiveness and dark mode; they will be handled once the designs are ready.
• I’ve only changed the design, not the logic.
• In some places in the code, the margins or text sizes were not consistent. I have added or removed small pixel values to maintain consistency, focusing more on using Tailwind utility classes and rem units.
• It only covers components for the Publish Agent pages, marketing pages, navbars, and profile pages.

[netlify]

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

Name	Link
🔨 Latest commit	4fa44df
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs-dev/deploys/681c4bf309b5b20008e0fa59

[deepsource-io]

Here's the code health analysis summary for commits 104928c..4fa44df. View details on DeepSource ↗.

Analysis Summary

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

---

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

[netlify]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	4fa44df
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/681c4bf3f37a6200085e6a28

[michaelgichia]

I'm excited to see what AutoGPT is solving, and somehow I found myself in this PR. Great job putting so much work into this PR! I'm a little curious: is it possible to split this into smaller PRs to make it easier for other reviewers?

[github-actions]

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

[ntindle]

Approved for storybook infra changes, not sure about actual design changes

[github-actions]

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