feature: add suport for project scoped app connections

frontend/src/pages/project/AppConnectionsPage/AppConnectionsPage.tsx

@@ -0,0 +1,44 @@
+import { Helmet } from "react-helmet";
+
+import { PageHeader } from "@app/components/v2";
+import { useWorkspace } from "@app/context";
+import {
+  ProjectPermissionAppConnectionActions,
+  ProjectPermissionSub
+} from "@app/context/ProjectPermissionContext/types";
+import { withProjectPermission } from "@app/hoc";
+import { AppConnectionsTable } from "@app/pages/organization/AppConnections/AppConnectionsPage/components";
+
+export const AppConnectionsPage = withProjectPermission(
+  () => {
+    const { currentWorkspace } = useWorkspace();
+
+    return (
+      <div className="bg-bunker-800">
+        <Helmet>
+          <title>Infisical | App Connections</title>
+          <link rel="icon" href="/infisical.ico" />
+          <meta property="og:image" content="/images/message.png" />
+        </Helmet>
+        <div className="flex w-full justify-center bg-bunker-800 text-white">
+          <div className="w-full max-w-7xl">
+            <PageHeader
+              className="w-full"
+              title="App Connections"
+              description="Manage project App Connections"
+            />
+
+            <AppConnectionsTable
+              projectId={currentWorkspace.id}
+              projectType={currentWorkspace.type}
+            />
+          </div>
+        </div>
+      </div>
+    );
+  },
+  {
+    action: ProjectPermissionAppConnectionActions.Read,
+    subject: ProjectPermissionSub.AppConnections
+  }
+);

frontend/src/pages/project/AppConnectionsPage/route-cert-manager.tsx

@@ -0,0 +1,19 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { AppConnectionsPage } from "./AppConnectionsPage";
+
+export const Route = createFileRoute(
+  "/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/app-connections"
+)({
+  component: AppConnectionsPage,
+  beforeLoad: ({ context }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs,
+        {
+          label: "App Connections"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/project/AppConnectionsPage/route-secret-manager.tsx

@@ -0,0 +1,19 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { AppConnectionsPage } from "./AppConnectionsPage";
+
+export const Route = createFileRoute(
+  "/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/app-connections"
+)({
+  component: AppConnectionsPage,
+  beforeLoad: ({ context }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs,
+        {
+          label: "App Connections"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/project/AppConnectionsPage/route-secret-scanning.tsx

@@ -0,0 +1,19 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { AppConnectionsPage } from "./AppConnectionsPage";
+
+export const Route = createFileRoute(
+  "/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/app-connections"
+)({
+  component: AppConnectionsPage,
+  beforeLoad: ({ context }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs,
+        {
+          label: "App Connections"
+        }
+      ]
+    };
+  }
+});