Feat: Create a folder #3221 (#7228)

### What problem does this PR solve?

Feat: Create a folder #3221

### Type of change


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

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

@@ -94,6 +94,13 @@ export const useNavigatePage = () => {
     [getQueryString, id, navigate],
   );
 
+  const navigateToFiles = useCallback(
+    (folderId?: string) => {
+      navigate(`${Routes.Files}?folderId=${folderId}`);
+    },
+    [navigate],
+  );
+
   return {
     navigateToDatasetList,
     navigateToDataset,
@@ -109,5 +116,6 @@ export const useNavigatePage = () => {
     navigateToAgentTemplates,
     navigateToSearchList,
     navigateToSearch,
+    navigateToFiles,
   };
 };