🪄 refactor: UI Refresh & Agents/Code Interpreter Docs (#174)

* ✨ feat: update home page layout and add usage statistics components

* 🔃 chore: clean up eslint-module-utils dependency entries in pnpm-lock.yaml

* ✨ feat: a lot of things

* ✨ feat: UI adjustements

* ✨ feat: improve author card links, update background colors, and enhance layout responsiveness

* chore: update bun

* ✨ feat: update GitHub stars and Docker pulls statistics

* ✨ feat: update demo link to new preview URL

* ✨ feat: update features section with new Code Interpreter and adjust layout

* ✨ feat: add emoji to Quick Start title for enhanced visibility

* refactor: move user guides to features section

* ✨ feat: add emojis to installation and user guides for improved clarity

* ✨ feat: update Hero component title and description for clarity and enhance demo link

* feat: agents page

* ✨ feat: update agents documentation to clarify built-in tools and mention future integrations

* ✨ feat: add Code Interpreter API documentation and update agents metadata

* ✨ feat: add Code Interpreter page metadata and integrate sparkles effect in Hero component

* chore: comment out NewsletterForm component in Home page

* style: code interpreter gif for features box

* fix: update Agents link to point to the correct features documentation

* fix: pnpm lockfile

* docs: API key notes for code interpreter api

* refactor: improve MobileSwitch component with TypeScript types and null check

* chore: types, packages

* chore: update ESLint configuration and add linting step to CI workflow
fix: update rotate prop type in Card component to accept number or string

* docs: add section on intellectual property protection for Code Interpreter

* docs: refine agents customization features in documentation

* style: hero page

---------

Co-authored-by: Marco Beretta <81851188+berry-13@users.noreply.github.com>

tailwind.config.js

@@ -24,18 +24,18 @@ module.exports = {
       },
       colors: {
         gray: {
-          50: '#F9F9F9',
-          100: '#F3F3F3',
-          200: '#E7E7E7',
-          300: '#DADADA',
-          400: '#CECECE',
-          500: '#C2C2C2',
-          600: '#9B9B9B',
-          700: '#747474',
-          800: '#4E4E4E',
-          900: '#272727',
+          50: '#fafafa',
+          100: '#f5f5f5',
+          200: '#e5e5e5',
+          300: '#d4d4d4',
+          400: '#a3a3a3',
+          500: '#737373',
+          600: '#525252',
+          700: '#404040',
+          800: '#262626',
+          900: '#171717',
         },
-        blackish: '#111111',
+        blackish: '#000000',
         border: 'hsl(var(--border))',
         input: 'hsl(var(--input))',
         ring: 'hsl(var(--ring))',