Feat: Bind data to the agent module of the home page #3221 (#7385)

### What problem does this PR solve?

Feat: Bind data to the agent module of the home page #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/tailwind.config.js

@@ -42,6 +42,9 @@ module.exports = {
         'colors-text-inverse-weak': 'var(--colors-text-inverse-weak)',
         'text-delete-red': 'var(--text-delete-red)',
 
+        'background-badge': 'var(--background-badge)',
+        'text-badge': 'var(--text-badge)',
+
         primary: {
           DEFAULT: 'hsl(var(--primary))',
           foreground: 'hsl(var(--primary-foreground))',