feat: added project layout and project select in breadcrumb

frontend/src/pages/ssh/SettingsPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SettingsPage } from "./SettingsPage";
+import { SettingsPage } from './SettingsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/settings"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/settings',
 )({
   component: SettingsPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Settings"
-        }
-      ]
-    };
-  }
-});
+          label: 'Settings',
+        },
+      ],
+    }
+  },
+})

frontend/src/pages/ssh/SshCaByIDPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { SshCaByIDPage } from "./SshCaByIDPage";
+import { SshCaByIDPage } from './SshCaByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/ca/$caId"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/ca/$caId',
 )({
   component: SshCaByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,15 +11,15 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "SSH Certificate Authorities",
+          label: 'SSH Certificate Authorities',
           link: linkOptions({
-            to: "/ssh/$projectId/overview",
+            to: '/ssh/$projectId/overview',
             params: {
-              projectId: params.projectId
-            }
-          })
-        }
-      ]
-    };
-  }
-});
+              projectId: params.projectId,
+            },
+          }),
+        },
+      ],
+    }
+  },
+})

frontend/src/pages/ssh/SshCasPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SshCasPage } from "./SshCasPage";
+import { SshCasPage } from './SshCasPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/cas"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/cas',
 )({
-  component: SshCasPage
-});
+  component: SshCasPage,
+})

frontend/src/pages/ssh/SshCertsPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SshCertsPage } from "./SshCertsPage";
+import { SshCertsPage } from './SshCertsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/certificates"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/certificates',
 )({
-  component: SshCertsPage
-});
+  component: SshCertsPage,
+})

frontend/src/pages/ssh/SshHostGroupDetailsByIDPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SshHostGroupDetailsByIDPage } from "./SshHostGroupDetailsByIDPage";
+import { SshHostGroupDetailsByIDPage } from './SshHostGroupDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/ssh-host-groups/$sshHostGroupId"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/ssh-host-groups/$sshHostGroupId',
 )({
-  component: SshHostGroupDetailsByIDPage
-});
+  component: SshHostGroupDetailsByIDPage,
+})

frontend/src/pages/ssh/SshHostsPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SshHostsPage } from "./SshHostsPage";
+import { SshHostsPage } from './SshHostsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/overview"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/overview',
 )({
-  component: SshHostsPage
-});
+  component: SshHostsPage,
+})

frontend/src/pages/ssh/layout.tsx

@@ -1,41 +1,45 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { workspaceKeys } from "@app/hooks/api";
-import { fetchUserProjectPermissions, roleQueryKeys } from "@app/hooks/api/roles/queries";
-import { fetchWorkspaceById } from "@app/hooks/api/workspace/queries";
-import { ProjectLayout } from "@app/layouts/ProjectLayout";
+import { workspaceKeys } from '@app/hooks/api'
+import {
+  fetchUserProjectPermissions,
+  roleQueryKeys,
+} from '@app/hooks/api/roles/queries'
+import { fetchWorkspaceById } from '@app/hooks/api/workspace/queries'
+import { ProjectLayout } from '@app/layouts/ProjectLayout'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout"
+  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout',
 )({
   component: ProjectLayout,
   beforeLoad: async ({ params, context }) => {
     const project = await context.queryClient.ensureQueryData({
       queryKey: workspaceKeys.getWorkspaceById(params.projectId),
-      queryFn: () => fetchWorkspaceById(params.projectId)
-    });
+      queryFn: () => fetchWorkspaceById(params.projectId),
+    })
 
     await context.queryClient.ensureQueryData({
       queryKey: roleQueryKeys.getUserProjectPermissions({
-        workspaceId: params.projectId
+        workspaceId: params.projectId,
       }),
-      queryFn: () => fetchUserProjectPermissions({ workspaceId: params.projectId })
-    });
+      queryFn: () =>
+        fetchUserProjectPermissions({ workspaceId: params.projectId }),
+    })
 
     return {
       breadcrumbs: [
         {
-          label: "SSH",
-          link: linkOptions({ to: "/organization/ssh/overview" })
+          label: 'SSH',
+          link: linkOptions({ to: '/organization/ssh/overview' }),
         },
         {
           label: project.name,
           link: linkOptions({
-            to: "/ssh/$projectId/overview",
-            params: { projectId: project.id }
-          })
-        }
-      ]
-    };
-  }
-});
+            to: '/ssh/$projectId/overview',
+            params: { projectId: project.id },
+          }),
+        },
+      ],
+    }
+  },
+})