New Agents Page User Interface (#866)

Changes for new agents page
- Modernized agent cards
- Responsive design to support mobile users
- Button for users to create their own agents (coming soon)
- Optimized to use tailwind and icon utils
- Side panel added for quick access to conversations

src/interface/web/tailwind.config.ts

@@ -2,6 +2,10 @@ import type { Config } from "tailwindcss"
 
 const config = {
     safelist: [
+        {
+        pattern: /to-(blue|yellow|green|pink|purple|orange|red)-(50|100|200|950)/,
+        variants: ['dark'],
+        },
     ],
     darkMode: ["class"],
     content: [