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/routes.ts

@@ -215,7 +215,7 @@ const routes = [
     ],
   },
   {
-    path: Routes.Agent,
+    path: `${Routes.Agent}/:id`,
     layout: false,
     component: `@/pages${Routes.Agent}`,
   },