Feat: Add agent page. #3221 (#5179)

### What problem does this PR solve?

Feat: Add agent page. #3221

### Type of change


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

web/src/hooks/logic-hooks/navigate-hooks.ts

@@ -38,6 +38,14 @@ export const useNavigatePage = () => {
     navigate(Routes.Chat);
   }, [navigate]);
 
+  const navigateToAgentList = useCallback(() => {
+    navigate(Routes.Agents);
+  }, [navigate]);
+
+  const navigateToAgent = useCallback(() => {
+    navigate(Routes.Agent);
+  }, [navigate]);
+
   const navigateToChunkParsedResult = useCallback(
     (id: string, knowledgeId?: string) => () => {
       navigate(
@@ -81,5 +89,7 @@ export const useNavigatePage = () => {
     navigateToChunkParsedResult,
     getQueryString,
     navigateToChunk,
+    navigateToAgentList,
+    navigateToAgent,
   };
 };