feat: resolved frontend url changes and resolved ts error

frontend/src/pages/secret-scanning/SecretScanningDataSourceByIdPage/SecretScanningDataSourceByIdPage.tsx

@@ -63,7 +63,7 @@ const PageContent = () => {
           leftIcon={<FontAwesomeIcon icon={faChevronLeft} />}
           onClick={() => {
             navigate({
-              to: "/projects/$projectId/secret-scanning/data-sources",
+              to: "/projects/secret-scanning/$projectId/data-sources",
               params: {
                 projectId
               }

frontend/src/pages/secret-scanning/SecretScanningDataSourceByIdPage/components/SecretScanningResourceRow.tsx

@@ -135,7 +135,7 @@ export const SecretScanningResourceRow = ({ resource, dataSource }: Props) => {
             <Badge
               onClick={() =>
                 navigate({
-                  to: "/projects/$projectId/secret-scanning/findings",
+                  to: "/projects/secret-scanning/$projectId/findings",
                   params: {
                     projectId: dataSource.projectId
                   },

frontend/src/pages/secret-scanning/SecretScanningDataSourceByIdPage/components/SecretScanningScanRow.tsx

@@ -95,7 +95,7 @@ export const SecretScanningScanRow = ({ scan }: Props) => {
               <Badge
                 onClick={() =>
                   navigate({
-                    to: "/projects/$projectId/secret-scanning/findings",
+                    to: "/projects/secret-scanning/$projectId/findings",
                     params: {
                       projectId: currentWorkspace.id
                     },

frontend/src/pages/secret-scanning/SecretScanningDataSourceByIdPage/route.tsx

@@ -3,7 +3,7 @@ import { createFileRoute, linkOptions } from "@tanstack/react-router";
 import { SecretScanningDataSourceByIdPage } from "./SecretScanningDataSourceByIdPage";
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/data-sources/$type/$dataSourceId"
+  "/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/data-sources/$type/$dataSourceId"
 )({
   component: SecretScanningDataSourceByIdPage,
   beforeLoad: ({ context, params }) => {
@@ -13,7 +13,7 @@ export const Route = createFileRoute(
         {
           label: "Data Sources",
           link: linkOptions({
-            to: "/projects/$projectId/secret-scanning/data-sources",
+            to: "/projects/secret-scanning/$projectId/data-sources",
             params
           })
         },

frontend/src/pages/secret-scanning/SecretScanningDataSourcesPage/components/SecretScanningDataSourceRow.tsx

@@ -156,7 +156,7 @@ export const SecretScanningDataSourceRow = ({
               onClick={(e) => {
                 e.stopPropagation();
                 navigate({
-                  to: "/projects/$projectId/secret-scanning/findings",
+                  to: "/projects/secret-scanning/$projectId/findings",
                   params: {
                     projectId
                   },

frontend/src/pages/secret-scanning/SecretScanningDataSourcesPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SecretScanningDataSourcesPage } from "./SecretScanningDataSourcesPage";
+import { SecretScanningDataSourcesPage } from './SecretScanningDataSourcesPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/data-sources/"
+  '/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/data-sources/',
 )({
   component: SecretScanningDataSourcesPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Data Sources"
-        }
-      ]
-    };
-  }
-});
+          label: 'Data Sources',
+        },
+      ],
+    }
+  },
+})

frontend/src/pages/secret-scanning/SecretScanningFindingsPage/route.tsx

@@ -1,29 +1,32 @@
-import { createFileRoute } from "@tanstack/react-router";
-import { zodValidator } from "@tanstack/zod-adapter";
-import { z } from "zod";
+import { createFileRoute } from '@tanstack/react-router'
+import { zodValidator } from '@tanstack/zod-adapter'
+import { z } from 'zod'
 
-import { SecretScanningFindingStatus } from "@app/hooks/api/secretScanningV2";
+import { SecretScanningFindingStatus } from '@app/hooks/api/secretScanningV2'
 
-import { SecretScanningFindingsPage } from "./SecretScanningFindingsPage";
+import { SecretScanningFindingsPage } from './SecretScanningFindingsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/findings"
+  '/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/findings',
 )({
   validateSearch: zodValidator(
     z.object({
       search: z.string().optional(),
-      status: z.nativeEnum(SecretScanningFindingStatus).optional().catch(undefined)
-    })
+      status: z
+        .nativeEnum(SecretScanningFindingStatus)
+        .optional()
+        .catch(undefined),
+    }),
   ),
   beforeLoad: ({ context }) => {
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Findings"
-        }
-      ]
-    };
+          label: 'Findings',
+        },
+      ],
+    }
   },
-  component: SecretScanningFindingsPage
-});
+  component: SecretScanningFindingsPage,
+})

frontend/src/pages/secret-scanning/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/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/settings"
+  '/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/settings',
 )({
   component: SettingsPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Settings"
-        }
-      ]
-    };
-  }
-});
+          label: 'Settings',
+        },
+      ],
+    }
+  },
+})

frontend/src/pages/secret-scanning/layout.tsx

@@ -1,9 +1,37 @@
 import { createFileRoute } from "@tanstack/react-router";
 
+import { BreadcrumbTypes } from "@app/components/v2";
+import { workspaceKeys } from "@app/hooks/api";
+import { fetchUserProjectPermissions, roleQueryKeys } from "@app/hooks/api/roles/queries";
+import { fetchWorkspaceById } from "@app/hooks/api/workspace/queries";
+import { ProjectSelect } from "@app/layouts/ProjectLayout/components/ProjectSelect";
 import { SecretScanningLayout } from "@app/layouts/SecretScanningLayout";
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout"
+  "/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout"
 )({
-  component: SecretScanningLayout
+  component: SecretScanningLayout,
+  beforeLoad: async ({ params, context }) => {
+    const project = await context.queryClient.ensureQueryData({
+      queryKey: workspaceKeys.getWorkspaceById(params.projectId),
+      queryFn: () => fetchWorkspaceById(params.projectId)
+    });
+
+    await context.queryClient.ensureQueryData({
+      queryKey: roleQueryKeys.getUserProjectPermissions({
+        workspaceId: params.projectId
+      }),
+      queryFn: () => fetchUserProjectPermissions({ workspaceId: params.projectId })
+    });
+
+    return {
+      project,
+      breadcrumbs: [
+        {
+          type: BreadcrumbTypes.Component,
+          component: ProjectSelect
+        }
+      ]
+    };
+  }
 });