Refactor useAgents and add testFlask to Home

frontend/hooks/useAgents.tsx

@@ -9,7 +9,7 @@ export const useAgents = () => {
     const response = await fetch("/api/test");
     const data = await response.json();
     console.log(data);
-  } 
+  }
 
   const updateAgents = async () => {
     console.log("Updating agents");
@@ -32,5 +32,5 @@ export const useAgents = () => {
     return data;
   };
 
-  return { startAgent, agents, updateAgents, stopAgent };
+  return { startAgent, agents, updateAgents, stopAgent, testFlask };
 };

frontend/pages/index.tsx

@@ -1,33 +1,35 @@
 import { Layout } from "@/components/Layout/Layout";
 import { Marketplace } from "@/components/Marketplace/Marketplace";
 import { YourAgents } from "@/components/YourAgents/YourAgents";
+import { useAgents } from "@/hooks/useAgents";
 import { useTabs } from "@/hooks/useTabs";
 import { Button, Tabs, type TabsProps } from "antd";
 import { useMemo } from "react";
 
 
 
 export default function Home() {
-
-  const tabs: TabsProps["items"] = useMemo(()=>[
-  {
-    key: "1",
-    label: "Your Agents",
-    children: <YourAgents />,
-  },
-  {
-    key: "2",
-    label: "Marketplace",
-    children: <Marketplace />,
-  },
-  {
-    key: "3",
-    label: "Test",
-    children: <Button />,
-  }
-],[]);
-
+
   const { activeTab, setActiveTab } = useTabs();
+  const { testFlask } = useAgents();
+
+  const tabs: TabsProps["items"] = useMemo(() => [
+    {
+      key: "1",
+      label: "Your Agents",
+      children: <YourAgents />,
+    },
+    {
+      key: "2",
+      label: "Marketplace",
+      children: <Marketplace />,
+    },
+    {
+      key: "3",
+      label: "Test",
+      children: <Button />,
+    }
+  ], []);