fix: resolved nav header secret path issues

frontend/src/components/navigation/NavHeader.tsx

@@ -131,7 +131,7 @@ export default function NavHeader({
       {isFolderMode &&
         secretPathSegments?.map((folderName, index) => {
           const query = { ...router.query };
-          query.secretPath = secretPathSegments.slice(0, index + 1);
+          query.secretPath = `/${secretPathSegments.slice(0, index + 1).join("/")}`;
 
           return (
             <div

frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx

@@ -111,23 +111,15 @@ export const SecretOverviewPage = () => {
     try {
       // create folder if not existing
       if (secretPath !== "/") {
-        // /hello/world -> ["", "hello","world"]
+        // /hello/world -> [hello","world"]
-        const path = secretPath.split("/");
+        const pathSegment = secretPath.split("/").filter(Boolean);
-        // if its empty string on join use and OR gate to convert to /
+        const parentPath = `/${pathSegment.slice(0, -1).join("/")}`;
-        // /hello
+        const folderName = pathSegment.at(-1);
-        const directory =
+        if (folderName && parentPath) {
-          path
-            .slice(0, -1)
-            .reduce(
-              (prev, curr, index, arr) => prev + (index + 1 === arr.length ? curr : `/${curr}`),
-              ""
-            ) || "/";
-        const folderName = path.at(-1); // world
-        if (folderName && directory) {
           await createFolder({
             workspaceId,
             environment: env,
-            directory,
+            directory: parentPath,
             folderName
           });
         }