Feat: Render agent details #3221 (#5307)

### What problem does this PR solve?

Feat: Render agent details #3221
### Type of change


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

web/src/pages/agents/agent-card.tsx

@@ -39,7 +39,11 @@ export function AgentCard({ data }: IProps) {
             </p>
           </div>
           <div className="space-x-2">
-            <Button variant="icon" size="icon" onClick={navigateToAgent}>
+            <Button
+              variant="icon"
+              size="icon"
+              onClick={navigateToAgent(data.id)}
+            >
               <ChevronRight className="h-6 w-6" />
             </Button>
             <Button variant="icon" size="icon">