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/app/components/sidePanel/chatHistorySidePanel.tsx

@@ -700,6 +700,10 @@ export default function SidePanel(props: SidePanelProps) {
         }
     }, [chatSessions]);
 
+    function newConvo() {
+        window.location.href = '/';
+    }
+
     return (
         <div className={`${styles.panel} ${enabled ? styles.expanded : styles.collapsed}`}>
             <div className={`flex items-center justify-between ${(enabled || props.isMobileWidth) ? 'flex-row' : 'flex-col'}`}>

src/interface/web/app/components/suggestions/suggestionCard.tsx

@@ -8,8 +8,6 @@ import {
 } from "@/components/ui/card"
 
 import styles from "./suggestions.module.css";
-
-
 import { getIconFromIconName } from "@/app/common/iconUtils";