feat: seperated layouts for each product line

frontend/src/pages/project/SettingsPage/SettingsPage.tsx

@@ -0,0 +1,3 @@
+export const SettingsPage = () => {
+  return <div>Settings</div>;
+};

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

@@ -0,0 +1,24 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { SettingsPage } from "./SettingsPage";
+
+export const Route = createFileRoute(
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/access-management"
+)({
+  component: SettingsPage,
+  beforeLoad: ({ context, params }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs
+        // {
+        //   label: "Access Control",
+        //   link: linkOptions({
+        //     to: "/ssh/$projectId/access-management",
+        //     params: {
+        //       projectId: params.projectId
+        //     }
+        //   })
+        // }
+      ]
+    };
+  }
+});