done agents page

frontend/src/app/agents/page.jsx

@@ -1,8 +1,14 @@
+"use client";
+
 import React from "react";
 import styles from "./styles.module.css";
 import TopHeader from "../components/topHeader/TopHeader";
 import globalStyle from "../globalStyle.module.css";
+import { useRouter } from "next/navigation";
+
 const AgentsPage = () => {
+  const router = useRouter();
+
   const sampleData = [
     {
       name: "DOKS OneCB Dev",
@@ -111,7 +117,10 @@ const AgentsPage = () => {
               <tbody>
                 {sampleData.map((org, index) => {
                   return (
-                    <tr key={index}>
+                    <tr
+                      key={index}
+                      onClick={() => router.push(`/agents/${org.name}`)}
+                    >
                       <td>{org.name}</td>
                       <td>{org.endPoint}</td>
                       <td>